Update Venue authored by Banu Sarikaya's avatar Banu Sarikaya
......@@ -50,30 +50,32 @@ Durch diese Struktur können wir neue Funktionen isoliert entwickeln und gleichz
## Aufbau
Für das Redesign von Venue haben wir uns entschieden, React als Framework zu nutzen. Hier ist ein Überblick über die wichtigsten Aspekte unserer Frontend Architektur:
#### Struktur
### Struktur
Unsere Anwendung folgt einer komponentenbasierten Struktur, bei der jede UI-Einheit in isolierte, wiederverwendbare Komponenten aufgeteilt ist. Dies fördert die Wiederverwendbarkeit des Codes und ermöglicht bei Bedarf eine einfachere Erweiterung.
- **Hauptkomponenten**: Diese umfassen die grundlegenden Strukturen der Anwendung wie das Hauptmenü, die Settings und allgemein die Meetingräume.
- **UI-Komponenten**: Diese beinhalten kleinere, wiederverwendbare Elemente wie Buttons, Eingabefelder und Icons.
#### Styling
Für das Styling der Anwendung haben wir eine Kombination aus ´Tailwind CSS´, `ui.shadcn`, und `Lucide Icons` verwendet. Diese Tools ermöglichen eine modulare Herangehensweise an die Gestaltung der Benutzeroberfläche.
### Styling
Für das Styling der Anwendung haben wir eine Kombination aus `Tailwind CSS`, `ui.shadcn`, und `Lucide Icons` verwendet. Diese Tools ermöglichen eine modulare Herangehensweise an die Gestaltung der Benutzeroberfläche.
- **Tailwind CSS**: Ein Utility-First CSS-Framework, das eine schnelle und effiziente Erstellung von Designs ermöglicht.
- **ui.shadcn**: Ein Set von UI-Komponenten, die speziell für die Erstellung moderner und ansprechender Benutzeroberflächen entwickelt wurden.
- **Lucide Icons**: Ein flexibles und anpassbares Icon-Set, das wir für die visuelle Unterstützung nutzen.
#### Kommunikation Backend
### Kommunikation Backend
#### Testing
### Testing
## Design
### Styleguide
- Farbschemata etc.
### UI-Komponenten
- Beschreibung der wichtigsten UI-Komponenten
- Hinweis auf wieder Verwendbarkeit?!?!
### UI-Elemente
### Komponenten
### Icons
## Tools und Plugins
......
......