A simple, elegant, and fully functional To Do List Web App built using HTML, CSS, and Vanilla JavaScript. This app helps users manage daily tasks efficiently with modern features like search, edit animations, and local storage support.
✅ Add Tasks – Enter your task and due date, and it appears immediately on the list.
✅ Edit Tasks – Update any task in place with a smooth animation.
✅ Delete Tasks – Remove unwanted tasks with a fade-out animation.
✅ Mark as Complete – Check off tasks and see them styled as completed.
✅ Live Search – Instantly filter tasks by text or date with matched keyword highlighting.
✅ Responsive Design – Fully optimized for desktop and mobile screens.
✅ Local Storage – All tasks are saved in the browser and persist on reload.
- HTML5 – Structure and layout.
- CSS3 – Styling and animations.
- JavaScript (Vanilla) – Logic, interactivity, and DOM manipulation.
- LocalStorage API – Persistent data storage in the browser.
📁 to-do-app/
│
├── 📄 index.html # Main HTML file
├── 📄 style.css # Stylesheet for UI and animations
├── 📄 script.js # JavaScript for interactivity and logic
└── 📄 README.md # Project documentation
-
Clone the Repository:
git clone https://github.com/your-username/to-do-app.git
-
Navigate to the Project Folder:
cd to-do-app -
Open index.html in Your Browser.
⸻
📌 Upcoming Improvements • Dark mode toggle • Drag-and-drop task rearrangement • Category tags for tasks
⸻
👤 Author
- Abdullah Nazmus-Sakib
- 📧 Email: [shakibrybmn@gmail.com]
- 🌐 Linkedin: https://www.linkedin.com/in/abdullah-nazmus-sakib-04024b261/
- 📍 CSE, Jahangirnagar University
⸻
📄 License
This project is open-source and available under the MIT License.
⸻
