Add Basic HTML, CSS, and JavaScript Code to meet the Application's MVP

User Story

As a potential web developer keen to acquire technical competence
I want to develop HTML, CSS, and JavaScript codes that meet accessibility and semantic requirements
I also want a user interface that is clean and polished
I also wish to have JavaScript code that lays the foundation to complete the application's MVP
So that all user agents can accurately present the web page

Acceptance Criteria

• Given I inspect to meet accessibility and semantic requirements

• When I view the HTML code
  Then I see semantic elements and accessibility properties when required.

• When I read the HTML code
  Then I find it readable with appropriate comments

• Given I need to have a responsive page

• When I view the CSS code
  Then I see elements that follow the HTML semantic structure

• When I read the CSS code
  Then I find it readable with appropriate comments

• When I open the webpage
  Then I see a schedule arrangement with hourly text areas and a save button

Add JavaScript Functionality to meet Application's Requirements

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

Deploy the Work Day Scheduler

User Story

As an employee with a busy schedule
I want readily access my work schedule
So that I can manage my time effectively and stay on track

Acceptance Criteria

• Given I need to edit or update my work schedule

• When I visit the website using the deployed URL
  Then I can access the workday schedule page on any browser

Edit README

User Story

As an employee
I want to read the README file 
So that I can swiftly use the workday scheduler to manage my time 

Acceptance Criteria

• Given the portfolio's github address,

• When I view the README for the repository
  Then I can see a professional README that provides information about using the workday scheduler.

Add JavaScript Code to Improve the Application's Functionality

User Story

As an employee with a busy schedule
I want to edit, update, or create essential events for any date on my calendar 
So that I can manage my time effectively

Acceptance Criteria

• Given I need to access past or future important events

• When I click on the date
  Then I am presented with a calendar to select my desired date

• When I select the desired date
  Then the application loads the events for the day, if any, and allows me to edit or update the event