Third Party API's: Day Planner App

a simple calendar app to keep time with Moment.js date, and time library, dynamically updated HTML and CSS powered by jQuery.

Third Party API's Featured

Image Moment.js

Image jQuery

Task 🚧

Create a simple calendar application that allows a user to save events for each hour of the day by modifying starter code. This app will run in the browser and feature dynamically updated HTML
CSS powered by jQuery.

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

deployed@ https://blunite.github.io/moment_planner/

Criteria Acceptance is

GIVEN when using the planner, I can create a schedule and save it to local storage
THEN the current day is displayed at the top of the planner
WHEN I scroll down there are time-blocks in sync with the time of day between normal business hours
WHEN viewing the time-blocks for the day
Then each time_block is color coded to reflect past, present, future position relative to current time
WHEN I click on a text-area time block
THEN I can enter an event
When I click on the save button the message is saved
When I click on the delete button the message is deleted
When I refresh the page, data is saved into localStorage
Then Saved or Deleted messages persist

Challenges/Observations 💡

I studied documents on momentsJs and StackOverflow that featured stagnate time,
a loop that maintains the hour-boxes as an
alternative to time_boxes text displayed with HTML/JS. Added a delete button.

made with 💙 by bluNite