Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ytasheva/planday-calendar
Calendar application that allows a user to save events for each hour of the day.
https://github.com/ytasheva/planday-calendar
css html javascript jquery
Last synced: 19 days ago
JSON representation
Calendar application that allows a user to save events for each hour of the day.
- Host: GitHub
- URL: https://github.com/ytasheva/planday-calendar
- Owner: YTasheva
- License: mit
- Created: 2023-12-08T18:24:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-02-06T15:41:11.000Z (about 1 year ago)
- Last Synced: 2024-11-24T17:11:44.439Z (3 months ago)
- Topics: css, html, javascript, jquery
- Language: HTML
- Homepage: https://ytasheva.github.io/Planday-Calendar/
- Size: 1.01 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Planday-Calendar
## Table of contents
- [Overview](#overview)
- [The Challenge](#the-challenge)
- [Acceptance Criteria](#acceptance-criteria)
- [Screenshot](#screenshot)
- [Links](#links)
- [Built With](#built-with)
- [Installation](#instalation)
- [Licence](#licence)
- [Author](#author)
## Overview
### The Challenge
- Build a calendar application that allows users to save events for each hour of the day. This app will run in the browser and feature dynamically updated HTML and CSS powered by jQuery. You must use the [Day.js](https://day.js.org/docs/en/display/format) library to work with date and time.
### Acceptance Criteria
* Display the current day at the top of the calendar when a user opens the planner.
* Present time blocks for standard business hours when the user scrolls down.
* Color-code each time block based on past, present, and future when the time block is viewed.
* Allow a user to enter an event when they click a time block
* Save the event in local storage when the save button is clicked in that time block.
* Persist events between refreshes of a page
* Uses a date utility library to work with date and time
* Application deployed at live URL
* Application loads with no errors
* Application GitHub URL submitted
* GitHub repo contains application code
* Application user experience is intuitive and easy to navigate
* Application user interface style is clean and polished
* The application resembles the mock-up functionality provided in the homework instructions
### Screenshot
### Links
- [GitHub Repo](https://github.com/YTasheva/Planday-Calendar)
- [Deployed Application](https://ytasheva.github.io/Planday-Calendar/)
### Built With
- HTML, CSS, jQuery, Bootstrap, Day.js
## Installation
* Download or clone the repository.
* Open the `.HTML` file through your web browser to view.
* Use Visual Studio Code or similar source-code editor to run the code.
## Licence
## Author
- GitHub - [Yuliya Tasheva](https://github.com/YTasheva)
> [YTasheva.com](#) ·
> LinkedIn [@YTasheva](https://github.com/YTasheva) ·
> Email [[email protected]](#) ·