GitHub-Repository ansehen
Live-Vorschau ansehen

Dieses Full-Stack-Projekt ist das größte im Webentwicklungs-Curriculum. Ziel war, mit dem bekannten MERN-Stack (MongoDB, Express, React und Node.js) unser erstes Full-Stack-Projekt zu bauen. Wir haben Software-Architektur-Muster gelernt, eigene Endpunkte in unserer REST-API definiert, Anatomie und Etikette von Request/Response, wo und wie Middleware und Restrictions für Sicherheit greifen, und ein Gefühl dafür bekommen, was bei der Wahl von Ansatz und Tech-Stack alles mitspielt.

Beim Bauen habe ich viel über User Experience gelernt und gemerkt: Es gibt selten den einen "besten" Weg, aber Best Practices gibt es meist aus gutem Grund. Ich habe aus den Fehlern mehr gelernt als aus dem, was beim ersten Mal direkt geklappt hat.

Als Thema habe ich Cocktailrezepte gewählt: Nutzerinnen und Nutzer können Rezepte für ihre Lieblingscocktails hochladen. User- und Cocktaildaten liegen in MongoDB, Bilder in Cloudinary. Die Authentifizierung läuft über Passport mit JWT-Bearer-Token-Strategie. Das Projekt hat volle CRUD-Funktionalität (Create, Read, Update, Delete): Rezepte und Profile können bearbeitet und gelöscht werden, und man kann die Rezepte anderer favorisieren und kommentieren.