# 🌸🗓️ SpringPlanner - Organize Your Day In The Blooming Way

Welcome to **SpringPlanner**, a fresh and elegent to-do list web app designed to make your daily planning delightful. From colorful task filters to smooth animations, this planner brings the calm of spring to your productivity.

---

## 🌼 What is SpringPlanner?

**SpringPlanner** is a minimal, responsive to-do app that helps you:

- ✅ Organise tasks by status: **Incomplete**, **In Progress**, **Complete**
- 🌿 Filter tasks easily with beutiful pastel buttons
- 💾 Save everything automatically in your browser using **localStorage**

It's your calm companion for staying focused and motivated - all in a fresh, aesthetic UI.

---

## ✨ Key Features

- 🎨 **Aesthetic Design** - Spring-themed colors and soothing shadows
- 🧠 **Smart Task Filter** - Toggle between All, Incomplete, In Progress, and Complete
- 🔁 **Persistent Storage** - Your tasks stay saved even after refreshing
- 🖱️ **Interactive UI** - Checkboxes, dropdowns, edit/delete buttons - all smooth and responsive
- 📊 **Live Stats** - See how many tasks are in each category
- 📱 **Mobile-Friendly** - Fully responsive layout for smaller screens

---

## 🛠️ Tech Stack 

- **HTML5 + CSS3** - Custom styling with gradients & shadows
- **JavaScript (Vanilla)** - No frameworks
- **localStorage API** - For offline nd persistent task storage

---

## 📸 Screenshots

_"The blooming interface of productivity"_

> 🌸 Main View 
![Main View](ss1.png)

> 📋 Filter Buttons
![Filter Button](ss2.png)

> 📈 Stats Section 
![Stats Sections](ss3.png)

---

## ⚙️ How to Use

1. ✍️ Type your task in the input bar
2. ➕ Click "Add" to insert it into the list
3. 🎯 Set status from the dropdown - Incomplete, In Progress, or Complete 
4. ✅ Use the checkbox to quickly mark it done
5. 🗑️ Edit or delete any task with one click
6. 🌈 Use filter buttons to view what you need

---

## 🧪 Live Demo

👉 [Launch SpringPlanner](https://springplanner.vercel.app/) 

---

## 💡 Ideal For

- 🌟 Students managing assignments
- 📋 Professionals tracking taski flows
- 🧘‍♀️ Anyone who loves aethetic productivity tools

---

## 🛤 What's Next?

- 🔔 Task reminders & notifications
- 🗓 Weekly Calendar view
- 🧾 Export tasks as CSV/PDF
- 🎵 Optional backgound toggleable music (for study vibes)

---

## 🤝 Want to Contribute?

1. Fork the repo
2. Create a new branch
3. Commit and push
4. Submit a Pull Request!

---

## 📬 Connect with Me

[![Instagram](https://img.shields.io/badge/Instagram-@iamdev7601-%23E4405F?logo=instagram&logoColor=white)](https://instagram.com/iamdev7601)

---

## 🌸 Credit

The UI is inspired from https://github.com/xxarvi/to-do-list

---

## 🌟 Enjoy Your Spring

Stay productive. Stay peaceful.
With **SpringPlanner**, every task feels lighter. 💖