A modern, interactive to-do list application built with vanilla JavaScript. This project allows users to manage their daily tasks with a clean and responsive interface. Tasks are stored locally in the browser, ensuring persistence even after a page refresh. The app features animated feedback, task filtering, and a clear display of progress.
- Add & Remove Tasks: Easily add new tasks and delete them when completed or no longer needed.
- Mark as Complete: Toggle the completion status of tasks with a single click.
- Task Filtering: View all tasks, only active tasks, or only completed tasks.
- Local Storage: All tasks are saved to local storage, so they persist between sessions.
- Interactive UI: Includes subtle animations and visual feedback for a smooth user experience.
- Dynamic Task Stats: Tracks and displays the total number of tasks and completed tasks in real-time.
- Languages: HTML, CSS, JavaScript
- API: Web Storage API (localStorage)
.
βββ index.html
βββ style.css
βββ script.js
This is a front-end application that runs directly in a web browser.
- Save the code in a file named
index.html. - Open the file in any modern web browser to run the application.
Fahad Ali
- GitHub: @FAHAD-ALI-github
- LinkedIn: fahadali1078