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.html
file 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! 😊