Skip to content

Latest commit

 

History

History
40 lines (31 loc) · 1.77 KB

README.md

File metadata and controls

40 lines (31 loc) · 1.77 KB

My To-do List App 📝

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. 💡

Features 🌟

  • Add new tasks ➕.
  • Mark tasks as completed ✅.
  • Filter tasks by: All, Completed ✅, and To-Do ⏳.
  • Data persistence using localStorage 💾.

Technologies Used 💻

  • HTML: Structure of the application 🏗️.
  • CSS: Styling with responsive design 🎨.
  • JavaScript: Functionality to add, toggle, remove, and filter tasks ⚙️.

How to Use 🛠️

  1. Clone or download the repository.
  2. Open the index.html file in a web browser 🌍.
  3. Add tasks using the input field ✍️.
  4. Click on tasks to toggle their completion status ✅.
  5. Use the filter buttons to view all tasks, completed tasks ✅, or pending tasks ⏳.

Demo 🎬

You can check out a live demo of the project on CodePen.

Future Improvements 🚀

  • Implement task editing functionality ✏️.
  • Add a feature to save completed tasks separately 📂.
  • Support for task due dates 📅.

Collaboration 🤝

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! 😊