Third-Party APIs: Work Day Scheduler

Description

This project involved feature dynamically updated HTML and CSS powered by jQuery to create a simple calendar application that allows a user to save events for each hour of the day.

Installation

1. Navigate to the repository using the link below:

   https://github.com/yasmiinLDN/Work-Day-Scheduler-yasmiin

2. Click the green "< > Code" button to copy the SSH key related to the repository

3. Clone the repository into your local machine using the below command entered into the command line (assuming you have set up your SSH connection correctly to connect your GitHub account to your local machine):

   git clone git@github.com:yasmiinLDN/Work-Day-Scheduler-yasmiin.git

Usage

Below shows the layout of the password generator:

Credits

This document was created with assistance from the following websites:

https://developer.mozilla.org/en-US/docs/Web/JavaScript

• I worked on this with my TA and my tutor Bobbi - thank you both kindly!

License

This document is distributed under the MIT License. Please see LICENSE.txt for more information.

Badges

| Javascript |
| HTML5 |

Features

Main scheduler contents

• The app:
  • Displays the current day at the top of the calender when a user opens the planner.
  • Presents time blocks for standard business hours when the user scrolls down.
  • Color-code each time block based on past, present, and future when the time block is viewed.
  • Allow a user to enter an event when they click a time block
  • Save the event in local storage when the save button is clicked in that time block.
  • Persist events between refreshes of a page

Contributing