Update Venue authored by Banu Sarikaya's avatar Banu Sarikaya
......@@ -61,7 +61,7 @@ Ein weiterer Entscheidungspunkt war die Performance. Die Verwendung des virtuell
Wir haben uns dafür entschieden, TypeScript in unserem Projekt zu verwenden. TypeScript fügt JavaScript statische Typisierung hinzu, was die Entwicklung erleichtert und dabei hilft, viele Fehler bereits zur Entwicklungszeit zu erkennen. Dies führt zu einer verbesserten Entwicklererfahrung und macht den Code besser skalierbar und strukturierter.
### [Tailwind CSS](https://www.ionos.de/digitalguide/websites/web-entwicklung/tailwind-css-im-ueberblick/)
Tailwind CSS ist ein fortschrittliches CSS-Framework, das auf dem Utility-First-Ansatz basiert und Low-Level-CSS-Klassen in PostCSS bereitstellt. Wir haben Tailwind CSS für unser Farbschema und zur Erstellung des Designs unserer Komponenten genutzt.
Tailwind CSS ist ein fortschrittliches CSS-Framework, das auf dem Utility-First-Ansatz basiert und Low-Level-CSS-Klassen in PostCSS bereitstellt. Tailwind wurde für das CSS-Styling verwendet, um das Erstellen separater CSS-Dateien zu vermeiden und stattdessen ausschließlich mit Klassen zu arbeiten.
### [Shadcn/UI](https://ui.shadcn.com/)
Shadcn/UI ist eine Sammlung von UI-Komponenten, die speziell für die Integration mit React-Anwendungen entwickelt wurden. Diese Komponenten sind Barrierefrei implementiert, anpassbar und Open Cource, was uns eine große Flexibilität bietet. Die Bibliothek bietet eine Vielzahl vorgefertigter Komponenten, darunter Dashboards, Karten, Formulare und mehr. Dabei können die Komponenten leicht an spezifische Designanforderungen angepasst werden.
......@@ -118,21 +118,21 @@ Icons spielen eine wichtige Rolle in unserem Design, da sie zur visuellen Darste
| Icon | Beschreibung | Bild (Placeholder) |
|-------------------------|----------------------------------------------------|---------------------|
| AddAPhotoIcon | Symbol für das Hinzufügen von Fotos oder Bildern. | ![AddAPhotoIcon](Bildpfad) |
| AddCircleIcon | Symbol für das Hinzufügen von Inhalten. | ![AddCircleIcon](Bildpfad) |
| BackHandIcon | Symbole für Rückwärtsnavigation. | ![BackHandIcon](Bildpfad) |
| CheckCircleIcon | Symbol für Bestätigung oder Erfolg. | ![CheckCircleIcon](Bildpfad) |
| ChevronLeftIcon | Symbol für die Navigation nach links. | ![ChevronLeftIcon](Bildpfad) |
| ChevronRightIcon | Symbol für die Navigation nach rechts. | ![ChevronRightIcon](Bildpfad) |
| DeleteIcon | Symbolisiert die Löschfunktion. | ![DeleteIcon](Bildpfad) |
| DescriptionIcon | Wird für Dokumente oder Beschreibungen verwendet. | ![DescriptionIcon](Bildpfad) |
| ErrorOutlineIcon | Symbol für Fehler oder Probleme. | ![ErrorOutlineIcon](Bildpfad) |
| FirstPageIcon | Symbol für die Navigation zur ersten Seite. | ![FirstPageIcon](Bildpfad) |
| GroupsIcon | Symbol für Gruppen oder Teamfunktionen. | ![GroupsIcon](Bildpfad) |
| HomeIcon | Symbolisiert den Home-Bereich.| ![HomeIcon](Bildpfad) |
| LoginIcon | Symbolisiert den Anmeldevorgang. | ![LoginIcon](Bildpfad) |
| LocalCafeIcon | Symbol für Pause. | ![LocalCafeIcon](Bildpfad) |
| ManageAccountsIcon | Symbolisiert die Verwaltung von Benutzerkonten. | ![ManageAccountsIcon](Bildpfad) |
| **AddAPhotoIcon ** | Symbol für das Hinzufügen von Fotos oder Bildern. | ![AddAPhotoIcon](Bildpfad) |
|** AddCircleIcon ** | Symbol für das Hinzufügen von Inhalten. | ![AddCircleIcon](Bildpfad) |
| **BackHandIcon** | Symbole für Rückwärtsnavigation. | ![BackHandIcon](Bildpfad) |
| **CheckCircleIcon** | Symbol für Bestätigung oder Erfolg. | ![CheckCircleIcon](Bildpfad) |
| **ChevronLeftIcon** | Symbol für die Navigation nach links. | ![ChevronLeftIcon](Bildpfad) |
| **ChevronRightIcon** | Symbol für die Navigation nach rechts. | ![ChevronRightIcon](Bildpfad) |
| **DeleteIcon** | Symbolisiert die Löschfunktion. | ![DeleteIcon](Bildpfad) |
| **DescriptionIcon** | Wird für Dokumente oder Beschreibungen verwendet. | ![DescriptionIcon](Bildpfad) |
| **ErrorOutlineIcon** | Symbol für Fehler oder Probleme. | ![ErrorOutlineIcon](Bildpfad) |
| **FirstPageIcon** | Symbol für die Navigation zur ersten Seite. | ![FirstPageIcon](Bildpfad) |
| **GroupsIcon ** | Symbol für Gruppen oder Teamfunktionen. | ![GroupsIcon](Bildpfad) |
| **HomeIcon** | Symbolisiert den Home-Bereich.| ![HomeIcon](Bildpfad) |
| **LoginIcon** | Symbolisiert den Anmeldevorgang. | ![LoginIcon](Bildpfad) |
| **LocalCafeIcon** | Symbol für Pause. | ![LocalCafeIcon](Bildpfad) |
| **ManageAccountsIcon** | Symbolisiert die Verwaltung von Benutzerkonten. | ![ManageAccountsIcon](Bildpfad) |
| MicNoneIcon | Symbol für Mikrofon an. | ![MicNoneIcon](Bildpfad) |
| MicOffIcon | Symbol für Mikrofon stumm. | ![MicOffIcon](Bildpfad) |
| NearMeIcon | Zeigt eine Funktion in der Nähe an. | ![NearMeIcon](Bildpfad) |
......
......