📋 Student Task Dashboard

A responsive Task Management web application built using HTML, Tailwind CSS, and JavaScript. This project helps users manage their daily tasks with different priority levels, track completed and pending tasks, and store data permanently using Local Storage.

---

🚀 Features

• ➕ Add new tasks
• 🎯 Assign priorities (High, Medium, Low)
• ✅ Mark tasks as completed
• 🗑️ Delete completed tasks
• 💾 Store tasks using Local Storage
• 📊 Live task statistics
  • Total Tasks
  • Completed Tasks
  • Pending Tasks
• 📱 Responsive design for desktop and mobile devices

---

🛠️ Tech Stack

• HTML5
• Tailwind CSS
• JavaScript (ES6)
• Local Storage API

---

📂 Project Structure

Student-Task-Dashboard/
│
├── 📁 assets/
│   └── 📁 images/           
│
├── 📁 scripts/
│   └── 📄 inputBoxScript.js  
│
├── 📁 src/
│   ├── 📄 input.css        
│   └── 📄 output.css         
│
├── 📄 index.html            
├── 📄 package.json           
├── 📄 package-lock.json      
└── 📄 README.md            

---

Desktop View

Mobile View

---

⚡ How to use

Live link: https://moyin-pasha-69.github.io/Student-Task-Mangenment-WepApp/

🎯 What I Learned

While building this project, I learned:

• DOM Manipulation
• Event Handling
• Dynamic Rendering
• Local Storage
• CRUD Operations
• Responsive Design using Tailwind CSS
• JavaScript Arrays & Objects

---

---

🤝 Contributing

Contributions, suggestions, and improvements are always welcome!

If you find any bugs or have ideas to improve this project, feel free to open an issue or submit a pull request.

---

👨‍💻 Author

Moyin Pasha

A fellow Developer

• GitHub: https://github.com/moyin-pasha-69/
• LinkedIn : https://www.linkedin.com/in/moyin-pasha-7a68aa330/

---

⭐ If you like this project, don't forget to give it a Star.