workin-9-5

A calendar application for a typical 9 am to 5 pm working day.

Description

• The motivation for this project was to create a simple calendar application that allows users to save tasks and/or events for each hour of a typical working day.
• Additionally, I always use planners and I will utilize this application quite often, finding it especially useful since it runs in the browser, and eliminates the need for a physical planner.
• The date and time is displayed at the top of the application and the different colors, representing different periods of time, make it easy to keep track of time and tasks/events.
• A green color block represents the future, red indicates the present and grey represents the past.
• There have been multiple challenges faced, including time, implementing JavaScript, the date and time, moving color time blocks and local storage. The local storage is still not functioning. As well, consolidating the code was difficult.
• Furthermore, the date and time was displaying and the color blocks were working, however, after deployment they were not working in the live link.
• This project runs in the browser using dynamically updated HTML and CSS, uses Day.JS and is powered by JQuery.

Usage

• To use this application all that is needed is a browser and an internet connection. Once the URL is placed in the browser the webpage will open.

• The user will input text into a time slot and click the file image to save their task and/or event.

• No authentications are needed to access the webpage.

• Screenshots of the application

• URL to the deployed application [x]https://slawcode.github.io/workin-9-5/[y]

License

• There is no license for this project.

Credits

Atif, K. (2023). Workday Scheduler. GitHub [Source Code]. https://github.com/kaitlynatif/WorkDay_Scheduler.git

Calle, T. (2023). Online Workday Planner. GitHub [Source Code]. https://github.com/ThomasCalle/Online-Workday-Planner.git

Compton R. W. (2020). Workday Scheduler. GitHub [Source Code]. https://github.com/comp7589/WorkDayScheduler.git

GitHubGist. (n.d.). Day JS Tutorial. Retrieved May 26, 2024 from https://gist.github.com/git2thehub/1126b9c4be6e443a1d54181bfd20932e

Hillary N. H. (2021, December 08). How to Write a Good README File for Your GitHub Project. FreeCodeCamp. https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/

Leka, M. (2021, December 21). The Complete Guide to Day.js. Medium. https://mirzaleka.medium.com/the-complete-guide-to-day-js-fb835a5d945a

Olawanle, J. (2022, June 17). JavaScript Get Current Date: Today's Date in JS. Free Code Camp. Retrieved February 5, 2022 from https://www.freecodecamp.org/news/javascript-get-current-date-todays-date-in-js/

Professional README Guide. (2023, November 14). Response Request: The Full-Stack Blog. Retrieved December 06, 2023, from https://coding-boot-camp.github.io/full-stack/github/professional-readme-guide

Riordan, G. (2023, August 28). JavaScript Dates: How to Use the DayJS Library to Work With Date and Time in JS. FreeCodeCamp. https://www.freecodecamp.org/news/javascript-date-time-dayjs/

Tiglao, J. (2022). Workday Scheduler. GitHub [Source Code]. https://github.com/jbtiglao/workday-scheduler.git

University of Toronto. (2023). Coding Boot Camp [Source Code].