Create a calendar scheduler that can be saved using Moment JS or other alternatives since MomentJS is a legacy project.
This week's challenge will be a simple calendar that users can save events for each hour of the day.
Live Site URL: https://singharaj-usai.github.io/Work-Day-Scheduler/
Repository URL: https://github.com/singharaj-usai/Work-Day-Scheduler
- 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 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 into 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
-
Work Day Scheduler
- Planner with time tables color coded
- Planner with time tables color coded
-
Color Coded Time Blocks
- Time tables are color coded for the present, past or future hours
- Time tables are color coded for the present, past or future hours
-
Interactable Time Tables
- Time blocks can be typed in for a schedule planner and saveable, with a clear schedule button to remove filled in texts.
- Time blocks can be typed in for a schedule planner and saveable, with a clear schedule button to remove filled in texts.
- HTML5
- CSS
- Powered by JQuery Moment Javascript
- Javascript
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent