A lightweight and interactive To-Do List web app built with vanilla HTML, CSS, and JavaScript. Tasks are saved to the browser's local storage so they persist across sessions, and the app supports three switchable themes.
- Add, complete, and delete tasks
- Tasks saved to localStorage — persists on page refresh
- 3 themes — Standard 🌊, Light ☀️, Dark 🌙
- Theme preference saved and restored automatically
- Live date & time display
- Smooth delete animation
- Font Awesome icons for a clean UI
| Standard 🌊 | Light ☀️ | Dark 🌙 |
|---|---|---|
![]() |
![]() |
![]() |
To-Do-List/
├── CSS/
│ ├── main.css # Main styles & theme definitions
│ └── corner.css # GitHub corner ribbon styles
├── JS/
│ ├── main.js # Core app logic (add, delete, check, themes, localStorage)
│ └── time.js # Live date & time display
├── assets/
│ └── favicon.png
├── screenshots/ # App screenshots for README
└── index.html # App entry point
No installations or dependencies needed!
- Clone the repo:
git clone https://github.com/DuDu21cs/To-Do-List.git
- Open
index.htmlin your browser
That's it — the app runs entirely in the browser. ✅
Duresa Chemeda
- GitHub: @DuDu21cs
- Email: [email protected]
- LinkedIn: Duresa Chemeda




