Skip to content

sjpcp5/DayPlanner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Day Planner

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

Requirements

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

  • The time

  • A field to hold user input

  • A save button

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

Near the top of the calendar, the application should display the current day. Additionally, each hour should be color coded to reflect whether the time slot is in the past, the present, or the future. This will change depending on the time of day.

The Moment.js library to work with date and time. Be sure to read the documentation carefully and concentrate on using Moment.js in the browser.

Image

User Story

As a developer or user with a ambitious schedule I WANT to add important events to a daily planner SO THAT I can manage my time effectively.

Business Context

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.

Releases

No releases published

Packages

No packages published