/WorkDayScheduler

Schedule your 9-5 tasks for the day with this application.

Primary LanguageHTML

WorkDayScheduler

05 Third-Party APIs: Work Day Scheduler

application

GIVEN I am using a daily planner to create a schedule
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 timeblocks for standard business hours
WHEN I view the timeblocks for that day
THEN each timeblock is color coded to indicate whether it is in the past, present, or future
WHEN I click into a timeblock
THEN I can enter an event
WHEN I click the save button for that timeblock
THEN the text for that event is saved in local storage
WHEN I refresh the page
THEN the saved events persist

link to app:

https://achampigny4.github.io/WorkDayScheduler/

application screen shot:

day planner home page

references:

https://www.webfx.com/blog/web-design/javascript-dates-moment-js/