Daily Planner App

Third-Party APIs: Work Day Scheduler

🚩 TABLE OF CONTENT

Description
Usage
Installation
Credits
License

📖 DESCRIPTION

🎯 What is it about?

A calendar application that allows users to save events for each hour of the day by modifying the starter code. This app development aims at visualising and interacting with DOM manipulation, advanced JavaScript, integration of third-party APIs, and more. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery.

Preview

The following image shows the web application's appearance and functionality:

💻 USAGE

Visit the webpage here

This app runs advanced JavaScript, integrates third-party APIs, and more. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. It has a responsive, clean, polished user interface that adapts to multiple screen sizes.

💬 User story

AS AN employee with a busy schedule
I WANT to add important events to a daily planner
SO THAT I can manage my time effectively

✅ Acceptance Criteria

Create a daily planner app that contains the following requirements:

Display the current day at the top of the calendar when a user opens the planner.
Present timeblocks for standard business hours when the user scrolls down.
Color-code each timeblock based on past, present, and future when the timeblock is viewed.
Allow a user to enter an event when they click a timeblock.
Save the event in local storage when the save button is clicked in that timeblock.
Persist events between refreshes of a page.

🚀 INSTALLATION

For users, the project can be easily accessed by following the git clone process toward your local repository.

💬 CREDITS

I received guidance from the TAs and instructors in collaboration with this project. The tutorial materials and other resources provided for the enrolled students at the Skills Bootcamp in Front-End Development acted as sources for primary and secondary links for reference. I will be sure to list below more material used towards the challenge.

Reference List:

📜 LICENSE

This repository is licensed under the MIT license.

astranag / daily-planner-app Goto Github PK