Berlin Street View —
Explore Street Art in Berlin

Eine mobile-first Full-Stack-Webanwendung für Street Art in Berlin mit Kartenansicht, Upload und rollenbasierten Workflows.

Interaktive Kartenansicht mit MapLibre
Automatische GPS-Erkennung aus EXIF-Daten
Full-Stack mit React, Next.js und MongoDB
Rollenbasierte CRUD-Workflows
Geschützte Routen und sicherer Login

Projektkontext

Mobile-first Full-Stack-Webanwendung mit Fokus auf responsive UI, rollenbasierte Workflows und wartbare Frontend-Architektur. Im Zentrum stehen standortbezogene Inhalte, klare Nutzerführung und saubere Erweiterbarkeit.

Features

Öffentliche Übersichts- und Detailseiten für Artworks
Kartenansicht mit standortbezogenen Artwork-Markern
Rollenbasierte Create, Edit und Delete Workflows
Bild-Upload mit automatischer EXIF-GPS-Auslesung
Geschützte Routen und API-Zugriffe für authentifizierte Nutzer:innen

Technischer Fokus

Mobile-first und responsive UI-Entwicklung
Klare Trennung von Oberfläche, Datenzugriff und Anwendungslogik
Rollenbasierte Zugriffskontrolle für geschützte Bereiche
Wartbare Komponentenstruktur und nachvollziehbare Nutzerführung
Grundlage für robuste und barrierearme Oberflächen

Tech-Stack

Frontend mit Next.js, React, TypeScript, Tailwind CSS und shadcn/ui
Backend mit App Router, Route Handlers, MongoDB und Mongoose
Authentifizierung mit Auth.js, Upload via Cloudinary, Kartenansicht mit MapLibre
Codequalität und Deployment mit ESLint, Prettier, GitHub und Vercel

Berlin Street View — Explore Street Art in Berlin

Berlin Street View —
Explore Street Art in Berlin