Third-Party APIs: Work Day Scheduler
A calendar application that allows users to save events for each hour of the day by modifying the starter code. This app development aims at visualising and interacting with 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 following image shows the web application's appearance and functionality:
This app runs advanced JavaScript, integrates third-party APIs, and more. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. It has a responsive, clean, polished user interface that adapts to multiple screen sizes.
AS AN employee with a busy schedule
I WANT to add important events to a daily planner
SO THAT I can manage my time effectively
Create a daily planner app that contains the following requirements:
-
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.
For users, the project can be easily accessed by following the git clone process toward your local repository.
I received guidance from the TAs and instructors in collaboration with this project. The tutorial materials and other resources provided for the enrolled students at the Skills Bootcamp in Front-End Development acted as sources for primary and secondary links for reference. I will be sure to list below more material used towards the challenge.
Reference List:
- https://www.w3schools.com/
- https://stackoverflow.com/
- https://day.js.org/docs/en/display/format
- https://api.jquery.com/
This repository is licensed under the MIT license.