Zum Inhalt springen
Lucas Mouette®
← Alle ProjekteEntwicklungDesign2024

TravelBuddy

Eine Full-Stack-Web-App, um Reisen mit einem Reiseführer anzulegen, zu planen und zu organisieren.

TravelBuddy — Cover

Mit TravelBuddy können Nutzer Reisen anlegen, bearbeiten und speichern; die Daten liegen in MongoDB. Ich habe das Interface gestaltet und die Anwendung von Anfang bis Ende mit Next.js, React und TypeScript gebaut. In diesem Projekt habe ich gelernt, was es braucht, um von Screens zu einem funktionierenden Produkt zu kommen.

Rolle
Full-Stack Developer & UI Designer
Team
Hochschulprojekt
Kontext
Webtechnologien — HM München
Tools
Next.js, React, TypeScript, TailwindCSS, MongoDB

Das Ziel

Eine echte, datenbasierte Webanwendung von Grund auf bauen, keinen klickbaren Prototyp. Nutzer sollen eine Reise mithilfe eines Reiseführers planen und später wieder darauf zurückkommen können.

Was ich gebaut habe

  • Reiseverwaltung. Nutzer legen Reisen an, bearbeiten und speichern sie.
  • Persistenz. Reisedaten werden in einer MongoDB-Datenbank gespeichert und daraus abgerufen.
  • Interface. Eine klare, bildstarke UI mit React, TypeScript und Tailwind CSS auf Basis von Next.js.

Warum das für Produktarbeit zählt

Den kompletten Stack selbst zu bauen, hat verändert, wie ich Anforderungen schreibe. Ich weiß jetzt, was eine „kleine Änderung“ am Datenmodell kostet und warum Edge Cases wie Empty States, Validierung und Fehler in die Spezifikation gehören und nicht erst in der QA auffallen sollten. Das macht mich zu einem besseren Partner für Engineering-Teams.

Nächstes Projekt →Wasserkrise