Basit, modern ve sürükle-bırak destekli bir Todo List uygulaması. Frontend ve backend birlikte çalışır; görevleri ekleyebilir, tamamlayabilir, silebilir ve sürükleyerek sıralayabilirsin.
-
Görev ekleme ve silme
-
Görevleri tamamlandı olarak işaretleme
-
Yeni görevler en üstte görünür
-
Uzun metinler satır kırma ile düzgün görüntülenir
-
Sürükle-bırak ile sıralama değiştirme
-
Klavye kısayolları:
- Herhangi bir harfe basınca input’a focus
- Enter tuşuna basınca görev ekleme
-
Modern dark mode tasarım
- Frontend: HTML, CSS, Vanilla JS
- Backend: Node.js + Express
- Depolama: JSON dosyası (backend)
- Kütüphane: SortableJS (sürükle-bırak)
- Repo’yu klonla:
git clone https://github.com/Egecher/Todo-List.git
cd todo-app- Backend’i kur:
npm install-
Çalıştır: Başlatıcı'ya basarak projeyi kaldırın.
-
Tarayıcıda aç:
http://127.0.0.1:5000/
todo-app/
├── backend/
│ ├── server.js
│ └── data/todos.json
├── frontend/
│ ├── index.html
│ ├── style.css
│ └── app.js
└── LICENSE
└── README.md
└── starter.bat
- Backend’i MongoDB ile değiştirip kalıcı veri saklama
- Görevleri tarih veya öncelik ile sıralama
- Görevleri kategorilere ayırma
- Mobil uyumlu tasarım ve PWA desteği
Bu proje MIT Lisansı kapsamında lisanslanmıştır. Ayrıntılar için LICENSE dosyasına bakın.