Setup shadcn/ui im Repo - Githubissues

MindfulStudio / frontend

A mental health application for tracking and analyzing emotional states in depth

https://gemischtegefuehle-app.onrender.com/

Other

4 stars 2 forks source link

Setup shadcn/ui im Repo #1

Open nadjascodejourney opened 3 months ago

nadjascodejourney commented 3 months ago

[x] Install shadcn/ui with configuration files;
[x] test in extra repo if necessary and then set up in final repo

We install the following components:

[x] Accordion für Ausklappfunktion bei Statistikansichten: https://ui.shadcn.com/docs/components/accordion
[x] Altertdialog für Löschbestätigungen, etc.: https://ui.shadcn.com/docs/components/alert-dialog
[x] Avatar: https://ui.shadcn.com/docs/components/avatar
[x] Badge (evtl. für JournalPage (Wetter, Sport, ...): https://ui.shadcn.com/docs/components/badge
[x] Button: https://ui.shadcn.com/docs/components/button
[x] Calendar (evtl. nutzen): https://ui.shadcn.com/docs/components/calendar
[x] Card: https://ui.shadcn.com/docs/components/card
[x] Carousel (evtl. für RecordPage): https://ui.shadcn.com/docs/components/carousel
[x] Chart (für Statistik): https://ui.shadcn.com/docs/components/chart Alle Chart-Styles: https://ui.shadcn.com/charts#bar-chart
[x] Checkbox: https://ui.shadcn.com/docs/components/checkbox
[x] Combobox (evtl. für Tags): https://ui.shadcn.com/docs/components/combobox
[x] Dialog: https://ui.shadcn.com/docs/components/dialog
[x] Form (nochmal recherchieren): https://ui.shadcn.com/docs/components/form
[x] Hover Card (evtl. für Desktop): https://ui.shadcn.com/docs/components/hover-card
[x] Input: https://ui.shadcn.com/docs/components/input
[x] Input OTP (falls Einmalpasswortfunktion doch noch kommt): https://ui.shadcn.com/docs/components/input-otp
[x] Label (für Terms and conditions, etc.): https://ui.shadcn.com/docs/components/label
[ ] Navigation Menu: https://ui.shadcn.com/docs/components/navigation-menu - !funktioniert nicht so einfach weil TypeScript und NExt.js verwendet wurden!
[x] Menubar (evtl. für Desktop): https://ui.shadcn.com/docs/components/menubar
[x] Popover (für Klick auf Gefühl in der Wochenansicht): https://ui.shadcn.com/docs/components/popover
[x] Progess: https://ui.shadcn.com/docs/components/progress
[x] Scroll Area (für bereits eingecheckte Gefühle/ Wochenansicht/ Tagsammlung): https://ui.shadcn.com/docs/components/scroll-area
[x] Select (für Tagauswahl, etc.): https://ui.shadcn.com/docs/components/select
[x] Switch (für Toggle in Configs und Light/Darkmode): https://ui.shadcn.com/docs/components/switch
[x] Tabs (für Userprofile): https://ui.shadcn.com/docs/components/tabs
[x] Textarea (für Notiz im Check-In): https://ui.shadcn.com/docs/components/textarea
[x] Toggle (für Gefühlsauswahl): https://ui.shadcn.com/docs/components/toggle
[x] Toggle Group (Gefühlsauswahl Alternative): https://ui.shadcn.com/docs/components/toggle-group

nadjascodejourney commented 3 months ago

Which shadcn/ui components do we need?