Skip to content

Egecher/Todo-List

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Todo App – JS + Node.js

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.

⚡ Özellikler

  • 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

🛠 Teknolojiler

  • Frontend: HTML, CSS, Vanilla JS
  • Backend: Node.js + Express
  • Depolama: JSON dosyası (backend)
  • Kütüphane: SortableJS (sürükle-bırak)

🚀 Kurulum

  1. Repo’yu klonla:
git clone https://github.com/Egecher/Todo-List.git
cd todo-app
  1. Backend’i kur:
npm install
  1. Çalıştır: Başlatıcı'ya basarak projeyi kaldırın.

  2. Tarayıcıda aç: http://127.0.0.1:5000/


📦 Klasör Yapısı

todo-app/
├── backend/
│   ├── server.js
│   └── data/todos.json
├── frontend/
│   ├── index.html
│   ├── style.css
│   └── app.js
└── LICENSE
└── README.md
└── starter.bat

💡 İleri Geliştirme Fikirleri

  • 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

License

Bu proje MIT Lisansı kapsamında lisanslanmıştır. Ayrıntılar için LICENSE dosyasına bakın.

About

Yapılacaklar listesi project

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published