Productivity Dashboard 🚀

A modern and responsive Productivity Dashboard built using HTML, CSS, and JavaScript.

This project helps students stay productive with:

• Task management
• Pomodoro timer
• Weather updates
• Notes section
• Dark/Light mode
• Drag and drop tasks

---

✨ Features

✅ To-Do List

• Add tasks

• Edit tasks

• Delete tasks

• Mark tasks as completed

• Drag & drop task reordering

• Task filters:

  • All
  • Completed
  • Pending

• Task statistics

• Dynamic progress bar

• Clear all tasks feature

• Data saved using Local Storage

⏰ Pomodoro Timer

• Start timer
• Pause timer
• Reset timer

📝 Notes Section

• Auto-saving notes using Local Storage

🌤️ Weather App

• Search weather by city
• Real-time temperature and humidity
• Weather emojis/icons

🎨 UI Features

• Responsive design
• Dark/Light mode
• Glassmorphism UI
• Toast notifications
• Custom popup modals
• Mobile friendly

---

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript
• OpenWeather API
• Local Storage API

---

📚 What I Learned

Through this project I learned:

• DOM Manipulation
• Event Handling
• Arrays & Objects
• Functions
• Local Storage
• Async/Await
• Fetch API
• Responsive Design
• Drag and Drop
• Dynamic Rendering
• Git & GitHub Workflow

---

🚀 Future Improvements

• Task categories
• Due dates and reminders
• Backend integration
• User authentication
• Database support
• Productivity analytics

---

📷 Project Screenshots

🏠 Dashboard

✅ To-Do Section

🌤️ Weather Feature

⏰ Pomodoro Timer

📱 Mobile View

---

⚡ Live Demo

🔗 https://soum-yaa.github.io/Productivity-Dashboard/

---

⚡ Run Locally

1. Clone the repository

git clone https://github.com/soum-yaa/Productivity-Dashboard.git

2. Open the project folder

cd Productivity-Dashboard

3. Open index.html using Live Server

---

👩‍💻 Author

Soumya Verma