This Challenge will require you to leverage all the skills you've learned so far, requiring you to think about DOM manipulation, advanced JavaScript, integration of third-party APIs, and more. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery..
The app should:- Display the current day at the top of the calendar when a user opens the planner.
- Present timeblocks for standard business hours when the user scrolls down.
- Color-code each timeblock based on past, present, and future when the timeblock is viewed.
- Allow a user to enter an event when they click a timeblock.
- Save the event in local storage when the save button is clicked in that timeblock.
- Persist events between refreshes of a page.
- HTML
- CSS
- Javascript
The following image shows the web application's appearance and functionality:
Feel free to use my own colors and images.
MIT © 2023 Vitaliy Zharkovskiy