https://github.com/abinjohn123/calendar-weekview
Implementation of Google Calendar Week view
https://github.com/abinjohn123/calendar-weekview
indexeddb radix-ui react scss typscript
Last synced: about 1 month ago
JSON representation
Implementation of Google Calendar Week view
- Host: GitHub
- URL: https://github.com/abinjohn123/calendar-weekview
- Owner: abinjohn123
- Created: 2023-08-04T16:29:16.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-08-18T10:58:07.000Z (over 2 years ago)
- Last Synced: 2023-08-18T12:18:08.726Z (over 2 years ago)
- Topics: indexeddb, radix-ui, react, scss, typscript
- Language: TypeScript
- Homepage: https://calendar-week-view.netlify.app/
- Size: 699 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Calendar Week View
Implementation of Google Calendar's week view. [Live App](https://calendar-week-view.netlify.app/)
## Tech Stack
1. ReactJS + TypeScript
2. RadixUI for UI Components
3. SCSS for styling
4. IndexedDB for data storage
## Features
1. Toggle between weeks and skip to current week
2. Animations for week toggles + Fully responsive
3. Popup card for the events on click
4. Events that are spread across two days are split at the 12:00 a.m. mark
5. Start and end of the Event cards are accurate to the minute