🛒 React Alışveriş Listesi Uygulaması

React Shopping List, React’in temel kavramlarını öğrenmek ve uygulamak amacıyla geliştirilmiş başlangıç seviyesinde bir frontend projesidir. İlk React projem olarak, component yapısını, state yönetimini ve kullanıcı etkileşimlerini gerçek bir uygulama senaryosu üzerinden öğrenmeme yardımcı oldu. Uygulama, kullanıcıların bir alışveriş listesi oluşturmasına ve yönetmesine olanak tanır. Kullanıcılar listeye yeni ürün ekleyebilir, mevcut ürünleri güncelleyebilir, silebilir veya tüm listeyi temizleyebilir. Ayrıca her ürün tamamlandı olarak işaretlenebilir ve toplam ürün sayısı ile tamamlanan ürün sayısı dinamik olarak hesaplanır. State yönetimi React’in useState hook’u kullanılarak gerçekleştirilmiştir. Hem component bazlı state hem de paylaşılan state yapıları kullanılmıştır. Koşullu render ile kullanıcı etkileşimlerine göre arayüz güncellenmiş, form yönetimi ve event handling ile etkileşimli bir yapı kurulmuştur. Arayüz tasarımı CSS Flexbox kullanılarak oluşturulmuş ve responsive olacak şekilde düzenlenmiştir. Proje GitHub Pages üzerinde deploy edilerek canlı demo hâline getirilmiştir. Bu proje sayesinde React’in temel yapı taşları olan component-based mimari, state odaklı UI güncellemeleri ve basit frontend uygulama geliştirme süreçleri konusunda sağlam bir temel edindim.