Bu basit ToDo uygulaması, kullanıcıların yapılacak görevleri ekleyebilecekleri, düzenleyebilecekleri, tamamlandıklarında işaretleyebilecekleri ve silebilecekleri bir platform sağlar.
- Yeni görev ekleme
- Görevleri düzenleme
- Görevleri tamamlama
- Görevleri silme
- Next.js: Kullanıcı arayüzü oluşturmak için kullanıldı.
- Bootstrap: Kullanıcı arayüzünün tasarımında kullanıldı.
- useState Hook: Komponent içindeki durumu yönetmek için kullanıldı.
- JavaScript: Uygulamanın mantığını oluşturmak için kullanıldı.
-
Bu repo'yu klonlayın:
git clone https://github.com/CeSeDu/firstNextJsProject.git
-
Proje dizinine gidin:
cd first-next-js-project -
Gerekli paketleri yüklemek için aşağıdaki komutu çalıştırın:
npm install
-
Uygulamayı başlatmak için aşağıdaki komutu çalıştırın:
npm start
-
Yeni bir görev eklemek için "Yeni Todo Girin", "Başlangıç Tarihi" ve "Bitiş Tarihi" alanlarını doldurun ve "Ekle" düğmesine tıklayın.
-
Eklenen görevler, "Todo List" bölümünde görüntülenir. Görevlerin yanındaki "Edit" düğmesine tıklayarak görevi düzenleyebilir veya "Delete" düğmesine tıklayarak görevi silebilirsiniz.
-
Görevlerin durumunu değiştirmek için görevin bulunduğu satırdaki "Status" açılır menüsünden uygun durumu seçin.
-
Tamamlanan görevler, "Done" bölümünde görüntülenir.