Day Planner is a simple application that allows the user to input detailed hourly "to-do" items or reminders in a single-day calendar and save the item to local storage.

Live application deployed at: https://nmounce.github.io/monthly-day-planner/

The following image demonstrates the applications functionality: image.PNG

General Info Technologies Used Features Screenshots Setup Usage Project Status Room for Improvement Acknowledgements Contact

Before you continue, ensure that you have met the following requirements:

• You are using a Linux, Mac or Windows machine.
• You have a basic understanding of javascript.

This application was modified from starter code that included styling and an HTML layout. It was dynamically changed to include functionality for creating hourly time-blocks, displaying current date and time, allowing users to input items into a text field and saving the items to local storage.

HTML CSS JavaScript jQuery v3.6.0

• features a display of current time and date.
• time-blocks are designated by business hours, allowing the user to organize tasks throughout the work day.
• time-blocks will automatically change color depending on if the item or task is in the past or future based o0n the current time.
• items and tasks can be save to local storage and are present on refresh.

Fork the repo here: https://github.com/Nmounce/monthly-day-planner.git

This module can be used as a template for any type of standard, daily task organizer or planner. To customize, simply edit the times to match your business or working hours.

Project is: in progress.

Improvement to be done 1: Edit functionality for color changes based on time. Improvement to be done 2: Re-style using BootStrap.

Shout out to the TA's for the UC Davis Bootcamp for Software Development. Without them, I would still be re-writing my code.

https://medium.com/@aleks.roslyakov/using-css-grid-jquery-making-a-daily-scheduler-pt-ii-7af7d239a55d https://stackoverflow.com/questions/62271505/how-can-i-set-different-colors-for-time-blocks-in-a-calendar-or-day-planner-usin https://github.com/astrobeef/05-day-planner

Nikki Mounce github: https://github.com/Nmounce email: [email protected] Created by @dominikki - feel free to contact me!