WorkDayScheduler

A calendar application that features dynamically updated HTML, CSS powered by jQuery, and Moment.js library to work with the date and time.

0
0
JavaScript

Work Day Scheduler

license

Table of Contents

Description

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.

User Story

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.  

Features of the Application

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.  

Preview of the Work Day Scheduler

The following animation demonstrates the application functionality:

Work Day Scheduler

Links

Built Using

Listed below are the frameworks and guides that made building this application possible:

License

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.

Contributing

If you would like to contribute to this repository, please contact me via Github.

Questions

If you have any questions, comments, or issues regarding this application, please do not hesitate to contact me via Github.