https://github.com/dhanushrichandrasekar/todolist
A dynamic and stylish To-Do List app developed with HTML, CSS, and JavaScript. It allows users to add tasks, mark them as completed, and view pending tasks. With light/dark mode, smooth animations, and priority-based organization, this app boosts productivity and helps you stay on top of your tasks.
https://github.com/dhanushrichandrasekar/todolist
css front-end-development html javascript productivity-tool task-manager todo-app todolist-application uidevelopment ux-design webapplication webdevelopment
Last synced: 7 months ago
JSON representation
A dynamic and stylish To-Do List app developed with HTML, CSS, and JavaScript. It allows users to add tasks, mark them as completed, and view pending tasks. With light/dark mode, smooth animations, and priority-based organization, this app boosts productivity and helps you stay on top of your tasks.
- Host: GitHub
- URL: https://github.com/dhanushrichandrasekar/todolist
- Owner: dhanushrichandrasekar
- Created: 2025-04-02T18:58:59.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-04-02T20:19:35.000Z (7 months ago)
- Last Synced: 2025-04-02T20:31:01.737Z (7 months ago)
- Topics: css, front-end-development, html, javascript, productivity-tool, task-manager, todo-app, todolist-application, uidevelopment, ux-design, webapplication, webdevelopment
- Language: CSS
- Homepage: https://github.com/dhanushrichandrasekar/toDoList
- Size: 22.9 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 📝 To-Do List
> "The secret of getting ahead is getting started." – Mark Twain
A **dynamic, stylish, and efficient** To-Do List built with **HTML, CSS, and JavaScript**!
🚀 Organize your tasks, track your progress, and boost your productivity with an intuitive interface.
## ✨ Features
- 🌗 **Light & Dark Mode** – Switch between themes effortlessly.
- 📝 **Add Tasks** – Categorize based on **Today, This Week, or Whenever**.
- ✅ **Mark as Completed** – Keep track of your progress.
- ⏳ **Pending Tasks View** – See what’s left to conquer.
- 🚀 **Priority-Based Organization** – Focus on what matters most.
- ⚠️ **Alerts on Actions** – Get notified when you add, delete, or make an error.
## 🎥 Demo
> "Success is no coincidence. It is the result of hard work, perseverance, learning, sacrifice, and most of all, love of what you are doing." – Pelé
🎬 **[Watch the Video Demo](https://github.com/dhanushrichandrasekar/toDoList/blob/908878979810f926c92412aab0e82aeac8851d06/toDoListDemo.mp4)**
## 📁 Project Structure
🗒️ toDoList
│── 📂 assets
│ ├── 📂 images
│ │ ├── 🖼️ backgroundimage.png
│ │ ├── 🖼️ icon.png
│
│── 📂 designFiles
│ ├── 📄 index.html
│ ├── 📄 script.js
│ ├── 🎨 styles.css
│
│── 📂 screenshots
│ ├── 🌙 darkmode1.png
│ ├── 🌙 darkmode2.png
│ ├── 🌙 darkmode3.png
│ ├── 🌙 darkmode4.png
│ ├── 🌙 darkmode5.png
│ ├── ☀️ lightmode1.png
│ ├── ☀️ lightmode2.png
│ ├── ☀️ lightmode3.png
│ ├── ☀️ lightmode4.png
│ ├── ☀️ lightmode5.png
│
│── 📽️ toDoListDemo.mp4
│── 📄 README.md
## 📸 To-Do List Website Snapshots
## 🚀 How to Use
1. **Clone the Repository**
```sh
git clone https://github.com/dhanushrichandrasekar/toDoList.git
```
2. **Navigate to the project folder:**
```sh
cd toDoList
```
3. **Navigate to the designFiles folder and open the index.html file**
## 🛠️ Tech Stack
- **HTML** – Structure the magic ✨
- **CSS** – Style with elegance 🎨
- **JavaScript** – Power the interactivity ⚡
## 🏆 Why This To-Do List?
> "Don’t watch the clock; do what it does. Keep going." – Sam Levenson
- 🎯 **Simplicity & Efficiency** – No clutter, just pure productivity.
- 🎨 **Beautiful UI** – Designed for an attractive and smooth experience.
- 🕶️ **Dark Mode Support** – Work anytime, anywhere.
- 🚀 **Built for Speed** – No unnecessary bloat, just results.
## 💡 Future Enhancements
- 📅 **Calendar Integration** – View tasks in a timeline.
- 🔔 **Reminder Notifications** – Never miss an important task.
- 📊 **Task Analytics** – Get insights into your productivity.
## 🙌 Contribute
Love this project? Want to make it even better? Feel free to fork, and contribute!
**Clone the Repository**
```sh
git clone https://github.com/dhanushrichandrasekar/toDoList.git
```
## 📬 Contact
💡 Have ideas or suggestions? Let’s connect!
- 📧 Email: dhanushri1702@gmail.com
- 📌 GitHub: [Dhanushri Chandrasekar](https://github.com/dhanushrichandrasekar)
- 🔗 LinkedIn: https://www.linkedin.com/in/dhanushri17
---
**🚀 Start organizing your life, one task at a time!**