Calendar App

Osobní kalendář vytvořen v technologiích React, TypeScript a Tailwind CSS.

https://daiton-calendar.onrender.com

Popis

Jedná se o single-page application v podobě kalendáře. Aplikace je plně responsivní pro všecha zařízení, včetně mobilních zařízení. V aplikaci mohou uživatelé provádět následující akce:

zobrazit kalendář po otevření aplikace (aktuální den je graficky indikován)
přepnínat mezi měsíčním a týdenním zobrazením kalendáře pomocí přepínače
posouvat se dopředu či dozadu v kalendáři (buďto v měsících nebo týdnech)
v případě potřeby se lze také v kalendářovém zobrazení přelistovat na aktuální den, tj. aktuální měsíc či týden pomocí tlačítka s textem "Today"
přidávat události (je nutné vyplnit název, záčátek a také konec události)
editovat existující události (lze změnit všechny předem zmíněné vlastnosti a také barvu)
odebírat události

Technologie

React 18
TypeScript 4.9.3
Vite
Tailwind CSS

Data

Data se ukládají a načítají z localStorage.

Použité knihovny

Font Awesome Icons
Redux
Redux Toolkit
Validator
Day.js

Autoři