Student Interactive Planner

How to use this planner:

1. Enter a task title (e.g., “Study Biology”).
2. Select a due date.
3. Click Add to add the task.
4. Mark tasks done by clicking Done, or undo by clicking Undo.
5. Remove tasks with Delete.

Advanced Student Planner

How it works:

• Add tasks with title, due date, and priority (High, Medium, Low) shown with colors.
• Task list below shows all tasks; you can mark done/undo and delete.
• Weekly calendar displays this week’s days with tasks placed on their due dates.
• Export button downloads tasks as JSON file.
• Import lets you upload a JSON file to restore tasks.
• Browser notifications pop up if tasks are due within 1 hour (ask permission on load).

---

Notes:

• Works offline and stores tasks in localStorage.
• Notifications work only if you allow them in your browser.
• This is a basic but functional planner you can customize further.

Student Planner

“`

What’s Included

✅ Add task with priority, category, due date, reminder time
✅ Color-coded tasks
✅ Monthly calendar view
✅ Task notifications (requires browser permission)
✅ Export & import task JSON
✅ Saves to localStorage (auto)