A clean, simple, and fully responsive To-Do List Web Application built with HTML, CSS, and JavaScript. This project was developed as part of the OctaNet Internship, focusing on implementing core front-end development skills and creating a practical productivity tool.
- ✅ Add new tasks
- ❌ Delete tasks
- 📝 Automatically updates task list
- 💻 Responsive UI for mobile, tablet, and desktop
- 🎨 Clean and modern interface
- ⚡ Lightweight with fast performance
OctanetTask2/ │ ├── index.html # Main HTML file ├── style.css # Styles and layout ├── script.js # JavaScript logic (Add/Delete) ├── todo1.png # Screenshot of the app └── README.md # Project documentation
yaml Copy Edit
This to-do app solves a simple but common problem: managing daily tasks efficiently. Whether you're a student, professional, or someone who just loves organizing their day, this app helps you:
- Stay focused
- Track your tasks visually
- Practice discipline
From a developer's perspective, it also helps you:
- Understand DOM manipulation using Vanilla JavaScript
- Apply event handling (add/delete features)
- Practice clean UI with responsive CSS
- Build a fully functional mini-project from scratch
No frameworks, compilers, or installations needed.
- Clone the repository
git clone https://github.com/Rushi-Unge/OctanetTask2.git
Navigate to the folder
bash
Copy
Edit
cd OctanetTask2
Open the project
Just open the index.html file in any browser.
Or use Live Server in VS Code for a better experience.
🌟 Future Enhancements
Here are some ideas for future updates to improve this project further:
Add Edit Task functionality
Add Dark Mode support
Save tasks in localStorage (persistent on reload)
Mark task as completed (with strike-through)
Task filter (All / Completed / Pending)
🛠️ Built With
HTML5
CSS3
Vanilla JavaScript
🙋♂️ Author
Rushikesh Unge
📧 Email: rushikeshungeofficial@gmail.com
🔗 LinkedIn
🔗 GitHub
📄 License
This project is licensed under the MIT License – feel free to use and modify!
yaml
Copy
Edit
---
Let me know if you want to include a **live link**, **badges**, or **task checklist** at the top!