A simple calendar application that allows the user to save events for each hour of the workday day from 9AM to 5PM. This app runs in the browser and features dynamically updated HTML and CSS powered by jQuery. https://edatez.github.io/Scheduler/
This application uses jquery and moment.js, and Bootstrap.
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
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
Here is a screenshot from my application;
The following animation demonstrates the application functionality: