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

• David Poslušný