Loading repository dataβ¦
Loading repository dataβ¦
shubhamprmall / repository
π Project Description: Interactive Scheduler Calendar π§ Overview This is a simple yet fully interactive scheduler web application built using only HTML, CSS, and JavaScript, powered by the FullCalendar.js library.
π Project Description: Interactive Scheduler Calendar π§ Overview This is a simple yet fully interactive scheduler web application built using only HTML, CSS, and JavaScript, powered by the FullCalendar.js library. It provides a clean and user-friendly interface to manage events directly on a calendar.
β¨ Key Features π Monthly, Weekly, Daily Views
β Add Events by clicking a date
β Delete Events with confirmation
π±οΈ Drag & Drop Support (enabled via editable: true)
π¨ Responsive and minimal UI with shadow and padding
πΎ Events defined inline (can be extended to use localStorage or database)
π§± Technology Used HTML5 β For structuring the web page
CSS3 β For layout and styling
JavaScript β For logic and event handling
FullCalendar.js β For rendering the dynamic calendar
π How It Works The calendar is rendered using the FullCalendar class on page load.
Clicking on a date opens a prompt to add a new event.
Clicking on an existing event opens a confirmation box to delete it.
The current day is automatically highlighted.
The toolbar allows navigation (Prev/Next/Today) and view switching (Month/Week/Day).