Todo App

A modern, responsive todo list application built with vanilla HTML, CSS, and JavaScript.

Features

• ✅ Add, complete, and delete tasks
• ✅ Filter tasks (All, Active, Completed)
• ✅ Dark/Light theme toggle
• ✅ Local storage persistence (your todos are saved automatically)
• ✅ Responsive design (works on desktop and mobile)
• ✅ Real-time statistics (total, completed, remaining tasks)

How to Use

1. Add a task: Type in the input field and press Enter or click "Add"
2. Complete a task: Click the checkbox next to any task
3. Delete a task: Hover over a task and click the ❌ button
4. Filter tasks: Use the filter buttons to show All, Active, or Completed tasks
5. Toggle theme: Click the moon/sun icon to switch between dark and light themes

Technical Details

• Built with: Vanilla HTML, CSS, and JavaScript (no frameworks)
• Styling: CSS Grid and Flexbox for responsive layout
• State Management: LocalStorage for persistent data
• Browser Support: Modern browsers with ES6+ support

Hosting

This app is hosted on GitHub Pages at: your-username.github.io/todo-app

Note: Each user gets their own todo list since data is stored locally in their browser.

Development

This is a static site that runs directly in the browser. No build process or server required.

To run locally:

1. Open index.html in any modern web browser
2. Start adding todos!

License

MIT License - feel free to use and modify as you like.