📝 Todo List Web Application

Mini-Project from RevoU Coding Camp – 4–8 August 2025
Repository: codingcamp-04-aug-25-GeNdarrr This mini project resulting from the RevoU Coding Camp session is an interactive To-Do List application based on HTML, CSS, and JavaScript to record, manage, and show task lists.

---

✨ Features

• Add Task & Due Date – input a new task with its deadline.
• Input Validation – prevent empty fields.
• Notifications/Massages – display warning or confirmation messages.
• Table View – display tasks neatly in a table.
• Edit Task – modify task content and/or due date.
• Date Filter – show tasks by specific date.
• Mark Status – ✅ completed or ❌ pending.
• Delete One / All – remove individual or all tasks.
• Save to LocalStorage – keep data even after page refresh.
• Responsive Design – optimized for various devices.

---

🛠️ Tools & Technologies

• HTML5
• CSS
• JavaScript
• Google Material Icons

---

📁 Struktur Folder

📁 codingcamp-04-aug-25-GeNdarrr/
├── 📁 css/
│   └── style.css
├── 📁 js/
│   └── script.js
├── index.html
└── README.md

---

📸 Preview

---

🌐 Demo

🔗 Todo List

---

📌 How to Use

1. Open the application in your browser.
2. Add a new task along with its due date.
3. Use the filter to display specific tasks.
4. Edit or delete tasks as required.
5. Mark tasks as completed once they are done.
6. Manage your task list easily and efficiently.
7. All changes are automatically saved in LocalStorage, so your data stays even after a page refresh.

---

© Author

GeNdarrr — 2025