This is a simple web application that combines a live clock with an interactive calendar. Users can view the current time in Pakistan, check the calendar for the month, and add events to specific days.
-
Clock: The clock displays the current time in Pakistan, updating every second. It is presented in a visually appealing circular format.
-
Calendar: The calendar allows users to navigate between months using navigation buttons. Days of the week are displayed, and users can click on a specific day to add an event.
-
Event Modal: Users can add events by clicking on a day in the calendar. A modal will appear, allowing them to input the event title and date. The added events are displayed on the respective calendar days.
- Clone the repository to your local machine.
- Open the
index.html
file in a web browser to launch the Live Calendar web app.
-
Clock: The clock automatically updates, showing the current time in Pakistan.
-
Calendar Navigation: Use the navigation buttons (
<
and>
) to move between months. -
Adding Events: Click on a day in the calendar to open the event modal. Input the event title and date, then click "Add." The event will be displayed on the selected day.
- HTML, CSS, JavaScript
- Background image from Unsplash (Starry Night)
This project is licensed under the MIT License - see the LICENSE file for details.