A monthly event planner with an interactive calendar interface. Users can add, edit, and delete events, navigate between months, and view daily events. Designed as a front-end exercise focused on interactivity and responsive layout.
Create a monthly event planner with an interactive calendar view.
Users can add, edit, and delete events.
- Calendar View 7×6 day grid with current day highlighting
- Add Event Modal with date, time, title, and description
- Event Management Click on a day to view/delete events
- Navigation Previous/next month arrows
- Responsive Single-column layout on mobile
┌─────────────────────────────────────┐
│ HEADER: Month/Year ← → Add Event │
├─────────────────────────────────────┤
│ CALENDAR 7×6 │ DAY EVENTS │
│ Responsive │ + Form │
├─────────────────────────────────────┤
│ FOOTER: Total events in month │
└─────────────────────────────────────┘