Willkommen zu diesem Projekt!
Diese Anleitung beschreibt Schritt für Schritt, wie du das Backend (API) und das Frontend lokal startklar machst.
- Node.js (empfohlen: v18 oder höher)
- npm oder yarn
- Docker & Docker Compose (für die Datenbank)
Für das Projekt wird eine MySQL-Datenbank benötigt.
Wenn du keine lokale Datenbank installiert hast, kannst du einfach die mitgelieferte Docker-Umgebung starten:
cd api
docker-compose up -dDie docker-compose.yaml befindet sich unter:
/api/docker-compose.yaml
Im Verzeichnis /api befindet sich eine Beispiel-Umgebungsdatei:
/api/.env.example
Kopiere oder benenne diese Datei um zu .env:
cp .env.example .envWenn du nicht die Docker-Datenbank verwendest, sondern eine eigene lokale Instanz,
musst du die Verbindungsdaten ggf. anpassen.
So sollte deine .env am Ende aussehen:
DB_HOST=localhost
DB_PORT=3306
DB_USER=api
DB_PASS=api
DB_ROOT_PASS=root
DB_NAME=api_dbIm /api-Ordner den ersten Setup-Run starten:
npm run firstTimeSetupDadurch werden alle benötigten Pakete installiert und eventuell notwendige Datenbankinitialisierungen vorgenommen. Während der Einrichtung wird eine Abfrage kommen, ein Schema zu überschreiben, dies bitte mit "y" bestätigen in der Konsole
Zum Starten der API:
npm run startDie API ist danach erreichbar unter:
http://localhost:8080
cd frontend
npm installnpm run devDas Frontend ist anschließend erreichbar unter:
http://localhost:5173
(oder der von Vite ausgegebenen URL)
| Komponente | Befehl | Beschreibung |
|---|---|---|
| Datenbank starten | docker-compose up -d |
Startet MySQL über Docker |
| Env vorbereiten | .env.example → .env |
Umgebungskonfiguration |
| API Setup | npm run firstTimeSetup |
Initiales Setup im API-Ordner |
| API Start | npm run start |
Startet das Backend |
| Frontend Setup | npm install |
Installiert Frontend-Abhängigkeiten |
| Frontend Start | npm run dev |
Startet den Dev-Server |
Es wurden bereits einige Beispiel Requests erstellt, bedeutet, bei der Registrierung können diese eingesehen werden indem du dir einen Account machst und wohnhaft in einer Stadt mit Postleitzahl 748 beginnend. Stadtname ist egal, lediglich die Postleitzahl. Sonst werden die Beispielanfragen nicht angezeigt.