📝 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

📁 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

   git clone https://github.com/dhanushrichandrasekar/toDoList.git

2. Navigate to the project folder:

   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

 git clone https://github.com/dhanushrichandrasekar/toDoList.git

📬 Contact

💡 Have ideas or suggestions? Let’s connect!

• 📧 Email: [email protected]
• 📌 GitHub: Dhanushri Chandrasekar
• 🔗 LinkedIn: https://www.linkedin.com/in/dhanushri17

---

🚀 Start organizing your life, one task at a time!