📋 To-Do List Web Application

A simple, yet functional, To-Do List web application built with HTML, Tailwind CSS, and vanilla JavaScript.
Developed as part of the RevoU 10-day Software Engineering Short Course, this project showcases front-end skills and project brief adherence.

🔗 Live Demo

👉 Try the To-Do List App Live

✨ Features

• ✅ Add Tasks with task name and due date in a modal form
• 🗂️ Filter Tasks by:
  • All
  • Open (incomplete task)
  • Closed (completed task)
• 🗑️ Delete Tasks (individually or all at once, with confirmation modal)
• ✔️ Toggle Completion (with visual check icon and strikethrough text)
• 🛡️ Form Validation for task name and date input
• 📱 Responsive Design for all devices

🛠️ Technologies Used

• HTML5 – Semantic page structure
• Tailwind CSS (via CDN) – Styling
• Font Awesome (via CDN) – Icons
• Vanilla JavaScript – Dynamic behavior and logic

📁 Project Structure

.
├── index.html
├── css/
│   └── style.css   ← optional (Tailwind is CDN-loaded)
└── js/
    └── script.js   ← used if JS is separated (recommended in real projects)

Note: For simplicity and alignment with the brief, this project uses inline CSS & JS inside index.html. In a larger-scale setup, external CSS/JS files would reside in css/ and js/ folders.

🚀 Getting Started

1. Clone the repository:

   git clone https://github.com/Revou-Coding-Camp/codingcamp-7-jul-25-initialgr.git

2. Navigate to the project folder:

   cd codingcamp-7-jul-25-initialgr

3. Open index.html in your browser (e.g., Chrome). No server needed.

🙏 Acknowledgments

A huge thank you to RevoU for organizing this impactful 10-day Software Engineering Short Course and giving me the chance to showcase my learning through this Mini Project. It’s been an insightful journey from writing code in VS Code, using Git for version control, and publishing the result online.

📄 Project Brief

• Course: RevoU Software Engineering Short Course
• Assignment: Mini Project – To-Do List Web Application
• Deadline: Saturday, 11.59 PM (WIB)
• Tools: Visual Studio Code, Git, Google Chrome