@@ -56,19 +56,18 @@ Unsere Anwendung folgt einer komponentenbasierten Struktur, bei der jede UI-Einh
-**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.
-**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
### Testing
## Design
In diesem Abschnitt werden die Designprinzipien des Venue-Frontends beschrieben.
In diesem Abschnitt werden die Designprinzipien des Venue-Frontends beschrieben. Für das Desgin haben wir Google Fonts für Icons und ui.shadcn sowie Tailwind CSS für die allgemeinen UI-Elemente und das Styling verwendet. Diese ermöglichen eine schnelle und übereinstimmende Entwicklung und stellen sicher, dass das Design leicht anpassbar bleibt.
-**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.
-**Google Fonts**: Ein flexibles und anpassbares Icon-Set, das wir für die visuelle Unterstützung nutzen.
Eine Alternative, die wir für die Icons in Betracht gezogen hatten, war das Icon-Set von Lucide. Jedoch haben wir uns aufgrund der Auswahl an benötigten Icons und der etwas anschaulicheren Darstellung für das Set von Google Fonts entschieden.
### Farschemata
Wir haben uns bei Venue für ein ansprechendes Dark Mode Farbschema entschieden, welches ein einheitliches, modernes Erscheinungsbild darstellt.
...
...
@@ -93,25 +92,25 @@ Unsere Farbpalette umfasst die folgenden Hauptfarben:
-**Chat**: #374D56
- Diese Farbe für den Chat-Bereich bietet einen angenehmen Kontrast, der die Lesbarkeit von Nachrichten verbessert und gleichzeitig zum Gesamtfarbschema passt.
Mit diesem Farbschema haben wir eine benutzerfreundliche und visuell ansprechende Oberfläche geschaffen, die den Nutzern eine angenehme Interaktion mit Venue ermöglicht.
Mit diesem Farbschema haben wir eine benutzerfreundliche und visuell ansprechende Oberfläche geschaffen, die den Nutzern eine angenehme Interaktion ermöglicht.
**Typografie**
[Schriftarten, Schriftgrößen und -stile kommen hier hin]
### UI-Komponenten
**Abstände und Layout**
### Icons
[Falls nötig, falls net weglassen]
Eine Alternative, die wir für die Icons in Betracht gezogen hatten, war das [Icon-Set von Lucide](https://lucide.dev/icons/). Jedoch haben wir uns aufgrund der Auswahl an benötigten Icons und der etwas anschaulicheren Darstellung für [das Set von Google Fonts](https://fonts.google.com/icons?icon.style=Filled&icon.set=Material+Icons&icon.size=24&icon.color=%235f6368&icon.platform=web) entschieden.
**Komponentenbibliothek**
Wir haben Lucide für Icons, ui.shadcn und Tailwind CSS für die allgemeinen UI-Elemente und das Styling verwendet. Diese ermöglichen eine schnelle und übereinstimmende Entwicklung und stellen sicher, dass das Design leicht anpassbar bleibt.
Mit diesem Styleguide stellen wir sicher, dass das Design von Venue nicht nur ästhetisch ansprechend, sondern auch benutzerfreundlich ist.
