jamespericles / Day-Planner

Week 5 of my bootcamp. I was tasked with creating a planner application using jQuery. The planner must display the current date when opened, present the user with time blocks of standard business hours that are color coded based on whether they are in the past, present, or future. The user must be able to click into a time block and enter an event. Lastly, the user must have access to a save feature in order to save their events to local storage.

Day Planner

---

Table of Contents

---

Description

Screenshots

Technologies Used

Usage

Contributing

Questions

Description

This application uses JQuery, moment.js and other Front-End technologies to create a planner that reacts to the given time. HTML elements for each time block are updated live based on the whether or not they are in the past, present, or future. The user is also able to create and save events for each time block, which are saved within local storage. The time blocks range from 9 am to 5 pm.

The time block that represents the current time is stylized to be red, while time blocks from the past are stylized to be grey, and those in the future are green. The logic to determine what style to apply to each time block utilizes moment.js, a third-party Javascript library.

Screenshots

Technologies Used

This project utilized HTML, CSS, Javascript languages and moment.js.

Usage

Day Planner works in any web browser, and is deployed here

Contributing

Please feel free to iterate on my work if you so desire!

Questions

For any questions related to this project or any of my other work, please contact me at [e-mail]