Technologie Stack - ricardotimmr/praxisprojekt-2025-varia GitHub Wiki

Frontend

• Framework: React (geplant)
• Build-Tool: Vite
• Styling: TailwindCSS
• Komponentenstrategie: Atomic Design + Design Tokens
• Preview-Technik: Live DOM Rendering (PoC)
• Zustandsverwaltung: Zustand (PoC)

Backend

• Status: Wird im Rahmen der Bachelorarbeit konzipiert und implementiert
• Ziel: Modularer API-Server für Speicherung, Nutzerverwaltung und CI-Vorgaben

Datenbank

• Status: Noch offen – abhängig vom späteren Backend-Konzept
• Optionen: z. B. PostgreSQL, MongoDB, Supabase (evaluierbar in der Bachelorarbeit)

Sicherheit

• Frontend-Sicherheit:
  • Eingabevalidierung
  • sichere State-Verwaltung
  • barrierearmes UI (Accessibility: WAI-ARIA, Farbkontrast, Tastaturbedienung)
• Backend-Sicherheit: wird im Rahmen der Bachelorarbeit konzipiert

Deployment

• Frontend: Geplant via Vercel oder Netlify (MVP-Phase)
• Containerisierung: Docker (optional für spätere Produktivnutzung)

Designsystem

• Prinzipien: Atomic Design + Design Tokens
• Ziel: Konsistenz, Wiederverwendbarkeit, CI-Anpassbarkeit

Tooling

• Qualitätssicherung: ESLint, Prettier
• CI/CD: GitHub Actions (optional in späterer Projektphase)

Testing

• Tools: Jest (Komponententests), Playwright (End-to-End, optional)
• Status: Testing wird in späteren Phasen integriert