A simple calendar application that allows the user to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by native JavaScript.

The app displays standard business hours (9 a.m. to 5 p.m.). Each time slot represents one hour and contain the following:

• The time
• A field to hold user input
• Save button
• Current Date button
• Current time

Clicking on the save button will store the time and user input in localStorage.

Each hour is color coded to reflect whether the time slot is in the past or the future.

The application uses a third party application (Moment.js) library to work with date and times.

The nav bar consists of a home button, a link of the code via Github and a link to the third party app: Moment.Js

• The applicaiton is responsive

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.

Poor time management can result in missed meetings and deadlines or create the appearance of unprofessionalism. A daily planner allows employees to see their day at a glance, schedule time effectively, and improve productivity.

Because of the time constraints, this project was rushed. I was planning to add a full calendar display when the current date is pressed. This will resolve the problem of clicking the arrow buttons mulitiple times to get into a specific date (what if you wanted to go to a specific day 8 months ahead?).

• Lloyd Marcelino, 2020