Project Title: Day Planner The Project:

• Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery.
• Use You'll need to use the Moment.js library to work with date and time.
• WHEN I open the planner THEN the current day is displayed at the top of the calendar WHEN I scroll down THEN I am presented with time blocks for standard business hours WHEN I view the time blocks for that day THEN each time block is color-coded to indicate whether it is in the past, present, or future WHEN I click into a time block THEN I can enter an event WHEN I click the save button for that time block THEN the text for that event is saved in local storage WHEN I refresh the page THEN the saved events persist.

Table of Contents:

• The project repository: https://github.com/BeresIvan/Scheduler
• The README.MD file with all the instructions: https://github.com/BeresIvan/Scheduler/README.md
• The STYLE.HTML, files contains the HTML codes: https://github.com/BeresIvan/Scheduler/blob/master/index.html
• The ASSETS folder contains the Script.js file and the CSS folder : https://github.com/BeresIvan/Scheduler/assets
• The IMAGES folder contains all screenshots: https://github.com/BeresIvan/Scheduler/assets/images
• The CSS folder contains the STYLE.CSS file that is linked to the HTML file: https://github.com/BeresIvan/Scheduler/assets/css
• The CSS files contain all the style sheet code for the web page: https://github.com/BeresIvan/Scheduler/assets/css

Current status and updates:

• Created the file and folder structure of the website using Git Bash.
• Created the script.js foder wrote the coding.
  • set moment to a variable, created a variable for the current date, Set the date.
  • Added the For loop to get and display tasks from local storage.
  • Added the For loop to print rows with timeblocks, taskblocks, savebuttons and hover buttons.
  • Placed content into the DOM in the right order. append the container with the row.
  • Added the If Else statements
  • Added click event to store the data in local storage.

• Go to the repository page by following the link: https://github.com/BeresIvan/Sceduler
• Clone the repository using the "git clone" command in the command line.
• Open the files in visual studio code using the ". code" command in the command line.
• The web page can be accessed using this link https://beresivan.github.io/Scheduler/

The project was created by using Visual Studio Code https://code.visualstudio.com/ , Git Bash https://gitforwindows.org/index.html , and github https://github.com/join , Bootstrap https://getbootstrap.com/ , google fonts https://fonts.google.com/, Moment.js https://momentjs.com/.