Skip to content

This day planner app showcases the current date and loops through 8am-5pm work hours. Built with HTML, CSS, and JavaScript, it leverages the DOM/Web APIs and third-party APIs like days.js for time tracking. Users can input and save text to browser's localStorage. Hours are color-coded: gray for past, red for current, and green for future.

Notifications You must be signed in to change notification settings

Gdel-J/Work-day-Scheduler

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 

Repository files navigation

Work-day-Scheduler

Description

This is a day planner app that loops through the hours from 8am to 5pm (basic working hours) for a specific date;The current date is displayed when the user opens the app. The application uses html for structure, Css for styling and Javascript for functionality mainly using the Direct Object Method/Web APIs and Third-Party-APIs. The use days.js method is in order to display and track the time. The user can enter and save text into any description field . The data will be saved to the localStorage of the browser. The past hours are highlighted gray, the current hour red, and future hours green.

This project has been deployed to GitHub Pages. To get this project up and running, you can follow the deployment link.

Table of Contents

N/A

Installation

Please Click on the link below to open the Work Day Scheduler:

https://gdel-j.github.io/Work-day-Scheduler/

Usage

Click on save button to store data in local storage

Credits

Created by Gérard DEL VECCHIO with a starter code ( html and css files) during my UCF coding bootcamp. I had help with TA Andres Jimenez during a tutoring session to start the script file. I could ask questions to the TA's in office hours. I also reviewed my bootcamp courses, read from differents ressources and watched online videos.

About

This day planner app showcases the current date and loops through 8am-5pm work hours. Built with HTML, CSS, and JavaScript, it leverages the DOM/Web APIs and third-party APIs like days.js for time tracking. Users can input and save text to browser's localStorage. Hours are color-coded: gray for past, red for current, and green for future.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published