/

Full-Stack-Kalender-App

React 19ViteRedux ToolkitNode.jsExpressMongoDB AtlasMongooseAxiosUseForm hookAPI RESTJWT AuthenticationGitHub PagesRailwayGitHub ActionsBootstrap

Über dieses Projekt

Project
Entwickelte eine vollständig funktionale Full-Stack-Kalender-App als Kernbaustein für ein zukünftiges Online-Buchungssystem. Demonstriert End-to-End-Entwicklung von Authentifizierung bis Datenbankoperationen.

Tech Stack & Architektur

- Frontend: React 19 + Vite für ultraschnelle Builds, Redux Toolkit für State Management (Auth, Events, Modals), Axios mit JWT für API-Calls, Bootstrap für Styling. - Backend: Node.js + Express Framework für REST APIs mit CRUD-Operationen, Error-Management und JWT-Authentifizierung. - Datenbank: MongoDB Atlas Cluster mit Mongoose ODM für Schema-Validierung und Data-Mapping. - Deployment: GitHub Pages (Frontend), Railway (Backend), GitHub Actions CI/CD Pipeline.

Meine strategische Rolle

- End-to-End-Verantwortung: Skalierbare Architektur entworfen, wiederverwendbar für Produktions-Buchungsplattformen. - Security & UX-Fokus: JWT-basierte Auth, rollenbasierte Event-Bearbeitung (eigene Events blau, fremde grau), umfassende Formular-Validierung. - Production-ready Deployment: Multi-Environment-Setup mit nahtloser CI/CD-Integration. - Performance-Optimierung: Schnelle, responsive Kalender-Ansichten (monatlich/wöchentlich/täglich) mit Echtzeit-Error-Handling.

Gelöste Herausforderungen

- Modernes React 19 mit stabilem Node.js Backend integriert, JWT-Sicherheit stack-weit beibehalten. - Schemaloses MongoDB mit Mongoose-Validierung für zuverlässige Datenoperationen balanciert. - Multi-View-Kalender mit benutzerspezifischen CRUD-Berechtigungen in minimalem Footprint geliefert. - Smooth Deployment über GitHub Pages + Railway mit Zero-Downtime CI/CD erreicht.

Ergebnisse

✅ Production-ready Full-Stack-Kalender mit Auth, Multi-View, CRUD-Operationen ✅ Wiederverwendbarer Backend-Kern für zukünftige Buchungsmanagement-Systeme ✅ Sichere JWT-Auth + rollenbasierter Zugriff (eigene Events editierbar, fremde read-only) ✅ Schnelles Deployment: GitHub Pages + Railway + GitHub Actions CI/CD ✅ Kompletter Quellcode auf GitHub verfügbar
Auf GitHub anschauen