📝 React Todo App - Canlı Proje

Basit ama işlevsel bir React Todo Uygulaması.
Kullanıcılar görev ekleyebilir, tamamlayabilir, filtreleyebilir ve kalan aktif görev sayısını görebilir.

🚀 Özellikler

• Yeni todo ekleme
• Todo’ları tamamlandı / aktif olarak işaretleme
• Todo’ları duruma göre filtreleme:
  • All (Tümü)
  • Active (Aktif)
  • Completed (Tamamlananlar)
• Aktif (tamamlanmamış) görev sayısını gösterme
• Bileşen tabanlı, okunabilir React mimarisi

---

🛠 Kullanılan Teknolojiler

• React (Functional Components)
• React Hooks:
  • useState
  • useEffect
• CSS ile basit arayüz tasarımı

---

Proje Kurulumu

Depoyu klonla

git clone https://github.com/samimsen/todo-app/

Klasöre gir

cd todo-app

Bağımlılıkları yükle

npm install

Geliştirme sunucusunu başlat

npm run dev # (Vite kullanıyorsan)

veya

npm start # (CRA / benzeri yapıdaysan)

📁 Proje Yapısı (özet)

src/
├── components/
│   ├── TodoForm.jsx      # Yeni todo ekleme formu
│   ├── TodoList.jsx      # Todo listesinin gösterimi
│   ├── TodoFilter.jsx    # All / Active / Completed filtreleri
│   └── Footer.jsx        # Alt bilgi alanı
├── App.jsx               # Ana bileşen, state yönetimi ve akış
├── App.css
└── index.css