This is a simple calendar app that allows users to save events for each hour of the day. The app displays time blocks for standard business hours and color codes each block to indicate whether it is in the past, present, or future. Users can click on a time block to enter an event and save it to local storage. The saved events persist even after refreshing the page.
When you open the app, you'll see a calendar that displays the current date at the top of the page. The calendar is divided into time blocks for standard business hours. Each time block is color coded to indicate whether it is in the past, present, or future.
To enter an event for a specific time block, simply click on the block and type in your event. Then click the save ๐พ button on the right side of the block to save the event to local storage.
If you refresh the page, the saved events will still be there.
This app was built using the following technologies:
- HTML
- CSS
- jQuery
- JavaScript
- Dayjs
- Bootstrap