I am pleased to share with the community my latest application where I built an interactive workday scheduler using HTML, CSS, and JavaScript, powered by jQuery. This scheduler allows users to save events for specific hours of the day and ensures that their inputs are still there when they come back to the scheduler website.

Users can take advantage of the interactive workday scheduler built using HTML, CSS, and JavaScript, powered by jQuery. This scheduler allows them to save events for specific hours of the day and ensures that their inputs are still there when they come back to the scheduler.

The scheduler has a clean and modern user interface, making it easy for users to input their events quickly and intuitively. Users can simply click on the hour block for which they want to schedule an event, and the scheduler opens up a text box where they can enter their event details.

To ensure that their inputs are always saved, the scheduler uses JavaScript to store the events that users input. This way, users don't have to worry about losing any information, even when they navigate away from the page or close their browser. When users return to the scheduler, they can see their saved events and make any necessary changes or updates.

Users can take advantage of a number of other useful features built into the scheduler. For example, they can color-code events by priority or type, and view events for different days. These features make it easy for users to stay organized and manage their workload effectively.

The scheduler is a dynamic and interactive application that responds to user input in real-time, updating the user interface to reflect any changes. This has made the scheduler a valuable tool for users in staying on top of their schedule and achieving their goals.

Overall, users can rely on this workday scheduler to store their events and access them at any time, even if they navigate away from the page or close their browser. This makes it a useful tool for anyone looking to stay organized and manage their workload effectively.

• Link to live application https://codenamenoah.github.io/Work-Day-Planner/

To Clone My Repository Using CLI

1. Click on the green code button and copy the link for the SSH key.
2. Once clip-boarded load up a command line interface and change directory to one of your preference
3. Enter in the command git clone [email protected]:CodeNameNoah/Work-Day-Planner.git
4. Enter your protected SSH password
5. Enjoy!

To Download My Repository as a ZIP File

1. Click on the green code button
2. In the bottom of the drop-down menu, click Download Zip
3. Enjoy!

1. Click on the link to the live application of the Work Day Scheduler/Planner
2. Type a name you would like to store as an event in the respective hour slot.
3. Click the lavender button with the save icon to record your event.
4. Voila! Your event is now recorded and you can visit this page again to view your events through your busy day!

• Note that the time slots are color coded. Green blocks represent future events. Yellow blocks represent present events. Grey blocks represent past events.

• Guide for Gifs to use in README.md

• https://www.youtube.com/watch?v=3RlpVrYt_qE&ab_channel=AskCloudArchitech

• Guide for While Loops

• https://www.w3schools.com/js/js_loop_while.asp

• Day Planner App Inspiration

• https://www.youtube.com/watch?v=h7gZY3_3Dqs

• Guide On QuerySelector Method and Usages

• https://www.youtube.com/watch?v=3oOKAJTD2F8

• Amazing Guide On Gradient Texts

• https://www.youtube.com/watch?v=-6Yb9kpSbDk

Copyright (c) Microsoft Corporation. All rights reserved.

Licensed under the MIT license.