Skip to content

This is a basic application that allows a user to create a one-day work schedule, and keeps track of time to show which events are upcoming, happening now, and in the past.

Notifications You must be signed in to change notification settings

jjbidwell/work-day-planner

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 

Repository files navigation

work-day-planner

Description

This is a simple day planner I have made that can: *Detect the date and time and use that data to change the date displayed and the background color of each hour on the planner. *Save input text in each text area and when refreshed, show the inputted data in the same text area.

The HTML and CSS for the page were pre-made, but I added and styled a button to clear the calendar.

The JavaScript was written entirely by me, and uses local storage and an array to store user-submitted items so that it persists through refreshes. The clear button asks the user if they're sure they want to clear the calendar, and if confirmed resets the array to its original state and re-renders the page so the calendar is empty.

Links

Deployed site: https://jjbidwell.github.io/work-day-planner/ Github repository: https://github.com/jjbidwell/work-day-planner

Screenshots

Empty calendar: Empty calendar

Filled-out calendar: Filled-out calendar

Data saved in local storage: Data saved in local storage

Clear confirmation: Clear confirmation

About

This is a basic application that allows a user to create a one-day work schedule, and keeps track of time to show which events are upcoming, happening now, and in the past.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published