A modern, responsive Action Planner built using React (Vite) and Tailwind CSS. This application helps you manage daily tasks efficiently with a stunning glassmorphism UI, due date reminders, and local storage persistence.
- 📝 Task Management: User-friendly interface to Add, Edit, and Delete tasks.
- 📅 Due Dates & Reminders: Set specific due dates and times. Get visual indicators for overdue tasks.
- 🔔 Smart Notifications: Real-time toast notifications for tasks that are "Due Soon" or "Overdue".
- 💾 Local Storage: Your tasks are saved automatically to your browser's local storage, so you never lose them on refresh.
- 📱 Fully Responsive: Optimized for both desktop and mobile devices.
- 🎨 Modern UI: Beautiful glassmorphism design with gradient backgrounds and smooth animations.
- ✅ Progress Tracking: Option to show or hide completed tasks to keep your view clean.
- React.js (powered by Vite)
- Tailwind CSS (Styling)
- React Icons (Iconography)
- React Toastify (Notifications)
- Framer Motion (Animations)
- UUID (Unique ID generation)
- React Hooks (
useState,useEffect) - LocalStorage API
Follow these steps to set up the project locally on your machine.
Make sure you have Node.js installed on your system.
-
Clone the repository
git clone https://github.com/your-username/action-planner.git cd action-planner -
Install dependencies
npm install
-
Start the development server
npm run dev
-
Open in Browser The app usually runs at
http://localhost:5173.
This project is open-source and available under the MIT License.