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!