A calendar application that features dynamically updated HTML, CSS powered by jQuery, and Moment.js library to work with the date and time.
The Work Day Scheduler is a dynamic, daily work planner that helps the user to manage their time efficiently. The application allows the user to keep track of their days and scheduled events - with the current day being displayed at the top of the page - by inserting their tasks into the text area of each time block (from 9 AM to 5 PM) and clicking on the save icon to keep their multiple tasks on the page. The application is also color coded, so that the user can keep track of their scheduled tasks of the past (light pink), of the present (dark pink), and of the future (green).
The Work Day Scheduler features dynamically updated HTML, CSS powered by jQuery, and the Moment.js library to work with the date and time.
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 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 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 on 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.
The following animation demonstrates the application functionality:
Listed below are the frameworks and guides that made building this application possible:
This application does not currently have any licenses.
The user is not permitted to use, modify, or share any parts of it. Though the code for this application is hosted on Github, where you are allowed to view and fork the code, this does not imply that the user is permitted to use, modify, or share the contents of this application for any purpose.
If you would like to contribute to this repository, please contact me via Github.
If you have any questions, comments, or issues regarding this application, please do not hesitate to contact me via Github.