https://github.com/kkurzawa/work-day-scheduler

A work day calander in which the current date is displayed, time slots are color coded to past/present/future, and text entries are saved even when the page is refreshed. App uses HTML, CSS, JavaScript, and DayJs.
https://github.com/kkurzawa/work-day-scheduler

css dayjs html javascript

Last synced: 3 months ago
JSON representation

A work day calander in which the current date is displayed, time slots are color coded to past/present/future, and text entries are saved even when the page is refreshed. App uses HTML, CSS, JavaScript, and DayJs.

• Host: GitHub
• URL: https://github.com/kkurzawa/work-day-scheduler
• Owner: KKurzawa
• Created: 2023-06-28T22:10:38.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2023-09-13T02:39:06.000Z (almost 3 years ago)
• Last Synced: 2025-03-20T17:18:39.275Z (over 1 year ago)
• Topics: css, dayjs, html, javascript
• Language: HTML
• Homepage: https://kkurzawa.github.io/Work-Day-Scheduler/
• Size: 74.2 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Work Day Scheduler

## Description

This project creates a work day calender in which the current date is displayed, time slots are color coded to past/present/future, and text entries are saved even when the page is refreshed. This is an important tool in organizing ones day to day events. Building this project helped tighten up my JavaScript skills and introduced me to the use of Dayjs.

## Usage

When the page is loaded we see 9 one hour timeslots from 9AM-5PM. Each time slot is color coded: past is grey, present is orange, and future is green. The user can write in the text area and then save what is written by clicking the blue save button. When the page is refreshed the saved input stays in the appropriate place.

Screenshots:

![Top](https://github.com/KKurzawa/C5Work-Day-Scheduler/blob/main/assets/images/img1.png)

![Bottom](https://github.com/KKurzawa/C5Work-Day-Scheduler/blob/main/assets/images/img2.png)

Website URL: https://kkurzawa.github.io/Work-Day-Scheduler/

GitHub Repository: https://github.com/KKurzawa/Work-Day-Scheduler

## CREDITS

n/a

## LICENSE

Copyright (c) 2023 Kris Kurzawa