Tailwind CSS aufsetzen

Ticket: Tailwind CSS im Frontend einrichten

Beschreibung:
Tailwind CSS im Vite + React Projekt installieren, damit Komponenten wie Buttons, Layouts oder Modals gestylt werden können.

---

Zu bearbeitende Dateien/Ordner

• /frontend/package.json
• /frontend/tailwind.config.js
• /frontend/postcss.config.js
• /frontend/src/index.css (oder main.css)
• /frontend/src/App.tsx

---

Aufgaben

1. In den Frontend-Ordner wechseln: cd frontend
2. Tailwind installieren: npm install -D tailwindcss postcss autoprefixer
3. Tailwind initialisieren: npx tailwindcss init -p
   → Erstellt automatisch tailwind.config.js und postcss.config.js
4. Tailwind in CSS importieren (index.css / main.css)

---

Akzeptanzkriterien

• Tailwind-Dateien (tailwind.config.js, postcss.config.js) existieren
• Tailwind in CSS importiert
• Projekt startet lokal ohne Fehler
• Tailwind-Klassen können im Frontend verwendet werden