Bring-Liste
Web-App, mit der Gruppen planen, wer was mitbringt – ohne Login, serverlos auf AWS.
- Jahr
- Rolle
- Konzept und Umsetzung
- Stack
- Vue 3, TypeScript, Vite, AWS Lambda, DynamoDB, Zod
Ausgangslage
Für Treffen in Gruppen wollte ich eine einfache gemeinsame Liste, auf der jeder sieht, wer was mitbringt – und der man ohne Konto beitreten kann.
Meine Rolle
Konzept und Umsetzung von Frontend, Backend und Infrastruktur.
Umsetzung
- Gruppen und Rollen: Gruppen werden per Einladungscode geteilt; die Person, die eine Gruppe anlegt, hat volle Kontrolle, Mitglieder tragen sich ein.
- Mengen aufteilen: Einträge haben Menge, Kategorie und eine Must-have-Markierung. Mengen lassen sich auf mehrere Personen verteilen, etwa drei Kuchen auf zwei Leute.
- Kein Login: Die Anmeldung läuft über Tokens in der URL.
- Architektur: Vue 3 mit TypeScript im Frontend, AWS Lambda hinter API Gateway im Backend, DynamoDB im Single-Table-Design, ausgeliefert über CloudFront und S3. Die Infrastruktur ist als SAM-Template beschrieben.
- Gemeinsame Typen: Ein pnpm-Monorepo teilt Typen und Zod-Validierung zwischen Frontend und Backend.
Ergebnis
Eine kleine, vollständig serverlose Anwendung – und für mich ein Projekt, an dem ich ein Frontend von der Oberfläche bis zur Datenhaltung durchgezogen habe.