This is a simple To-do List application built using HTML, CSS, and JavaScript.
It allows users to add tasks, mark them as completed β
, and filter between all, completed β
, or pending tasks β³.
The app stores the tasks in localStorage so that they persist even after refreshing the page. π
As a junior front-end developer, I created this beginner-friendly demo project to practice and improve my skills with core web technologies.
This project helped me understand the fundamentals of front-end development and gain hands-on experience in building a functional web app. π‘
- Add new tasks β.
- Mark tasks as completed β .
- Filter tasks by: All, Completed β , and To-Do β³.
- Data persistence using localStorage πΎ.
- HTML: Structure of the application ποΈ.
- CSS: Styling with responsive design π¨.
- JavaScript: Functionality to add, toggle, remove, and filter tasks βοΈ.
- Clone or download the repository.
- Open the
index.htmlfile in a web browser π. - Add tasks using the input field βοΈ.
- Click on tasks to toggle their completion status β .
- Use the filter buttons to view all tasks, completed tasks β , or pending tasks β³.
You can check out a live demo of the project on CodePen.
- Implement task editing functionality βοΈ.
- Add a feature to save completed tasks separately π.
- Support for task due dates π .
I'm always open to help and friendly suggestions from others.
If you have any tips, feedback, or just want to collaborate, feel free to reach out π¬.
I'm happy to learn and improve with the help of others! π