A clean, intuitive Todo App built with HTML, CSS & JavaScript.
This project enables users to add, complete, delete and filter tasks — encouraging productive task management.
It was designed to sharpen my frontend skills including DOM manipulation, state management in vanilla JS, and responsive UI design.
- Add new tasks with custom text
- Mark tasks as complete / incomplete
- Delete tasks
- Filter tasks by All / Active / Completed
- Clear all completed tasks
- Responsive layout: works on desktop and mobile
- HTML5 – Semantic markup for accessibility and structure
- CSS3 – Flexbox/Grid layout, custom styling, responsive breakpoints
- JavaScript (vanilla) – Data handling (adding, deleting, toggling), event listeners, state persistence (if implemented)
Check out the live version here: https://todo-app-soultion.netlify.app
- How to create dynamic, interactive user interfaces using vanilla JavaScript
- Managing state in the browser (adding, toggling, deleting tasks)
- Structuring a project for readability and maintainability
- Applying responsive design to adapt for mobile and desktop views