The Daily Planner is a simple calendar application designed to help users manage their busy schedules effectively. With a clean and intuitive interface, this app allows users to plan and organize their daily tasks during standard business hours.
-
Current Day Display: The app prominently displays the current day at the top of the calendar, providing users with up-to-date information.
-
Timeblocks: Timeblocks for standard business hours are presented as rows, each containing an hour, a text area for entering events, and a save button.
-
Color-Coded Timeblocks: Each timeblock is color-coded based on whether it's in the past, present, or future. Past hours are grey, the current hour is red, and future hours are green.
-
Event Saving: Users can enter events for each hour and save them with the click of a button. Saved events persist between page refreshes.
-
Display: When you open the planner, the current day is prominently displayed.
-
Timeblocks: Scroll down to view timeblocks for standard business hours.
-
Enter Events: Click on a timeblock's text area to enter an event for that hour.
-
Save Events: Click the save button in the corresponding timeblock to save your event. The timeblock will turn green, indicating a saved event.
-
Persistence: Saved events are stored locally and will remain even if you refresh the page.
- HTML
- CSS
- JavaScript
- jQuery
- Bootstrap (v5.3.0-alpha3)
- Font Awesome (v5.8.1)
- Day.js (v1)
The application is deployed and can be accessed live at https://calltekk.github.io/dailyplanner/
- edx
- Justin Moore (Instructor)