/day-planner

Plan your day easily by entering your schedule into this simple browser app. It remembers your day with persistence!

Primary LanguageJavaScript

day-planner

Plan your day!

Link to site: https://jamesboblak.github.io/day-planner/
This daily planner features a color-changing row feature that keeps track of the time, following you through your day. Demo gif Simple click in the event column to add your activity. If you click the save icon, it will keep your event stored even if you refresh the page. If you delete the event by clicking on the delete icon, it will be gone forever from your calendar.

Purpose

Create, ajdust, and view your daily plan in realtime.

Technology utilized to create this page:

  • JavaScript
    • Functions and nested functions
    • Moment clock timer
  • JQuery
    • Add class
    • Text query and submission
    • Local storage

  • Bootstrap

    • Jumbotron header
    • Table creation
    • Custom styling

  • CSS

    • Element and class styling

Compatiblity and Installation

This HTML website, its CSS style document, and its JavaScript file were created and tested for Chrome, but will load in any browser. Most modern browsers should play the content of this page as intended, and without issue.

Credits:

Berkeley Coding Boot Camp | UC Berkeley Extension, w3schools.com, developer.mozilla.org

License

GNU General Public License v3.0

Badges

GitHub followers