I have been tasked to create a simple work plan scheduler to save events in an hourly block calendar. I will be using Luxon instead of moment.js to track current time and user input will be saved locally, color-coded to indicate current hour, past hour and future hour. Saved events should persist when page refreshes.
Deployed on GitHub: https://min-hinthar.github.io/mark-my-dates-app/
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
Acceptance Criteria
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
GitHub Live Repo: https://min-hinthar.github.io/mark-my-dates-app/
Contact Email: [email protected]