Weekly Planner

A responsive, feature-rich weekly planner application built with Vanilla JavaScript, HTML, and CSS. Designed to mimic the clean aesthetic of Google Calendar with a dark mode theme.

Developed by Sufal Basak

Features

• Google Calendar UI: Authentic dark mode design with time-grid visualization.
• Session Storage: Data persists on page reload but clears automatically when the browser is closed (Privacy-focused).
• Indian Holidays: Integrated 2026 holiday calendar with highlights in the main view and mini-calendar.
• Smart Reminders: Browser notifications alert you 15 minutes before an event starts.
• Responsive Design:
  • Desktop: Collapsible sidebar for extra screen space.
  • Mobile: Slide-out navigation and touch-friendly modals.
• Event Management:
  • Create events, tasks, and appointments.
  • Add Google Meet links and locations.
  • One-click completion checkboxes.
  • Drag-and-drop support (Visual only).

Tech Stack

• Frontend: HTML5, CSS3, JavaScript (ES6+)
• Icons: Font Awesome
• Storage: Browser Session Storage

How to Use

1. Open: Launch index.html in any modern web browser.
2. Create: Click the "Create" button or tap any time slot to add an event.
3. Notify: Allow browser notifications to receive delivery alerts.
4. Privacy: Simply close the tab to wipe all your data for a fresh start next time.