@@ -50,30 +50,32 @@ Durch diese Struktur können wir neue Funktionen isoliert entwickeln und gleichz
...
@@ -50,30 +50,32 @@ Durch diese Struktur können wir neue Funktionen isoliert entwickeln und gleichz
## Aufbau
## 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:
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.
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.
-**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.
-**UI-Komponenten**: Diese beinhalten kleinere, wiederverwendbare Elemente wie Buttons, Eingabefelder und Icons.
#### Styling
### 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.
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.
-**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.
-**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.
-**Lucide Icons**: Ein flexibles und anpassbares Icon-Set, das wir für die visuelle Unterstützung nutzen.
