offline-demo

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Compile and Minify for Production

npm run build

Offline-demo Setup

Du hast einen Google Account? Gut. Falls nicht, schlecht.

1. Projekt erstellen

• Gehe auf console.firebase.google.com

• Klicke auf Projekt hinzufügen.

• Name eingeben (z.B. offline-demo).

• Google Analytics deaktivieren (spart Klicks).

• Projekt erstellen klicken.

2. Datenbank (Firestore) einrichten

• Im Menü links auf Erstellen -> Firestore Database

• Klicke auf Datenbank erstellen.

• Standort: Wähle eur3 (europe-west) oder europe-west3 (Frankfurt).

• Regeln: Wähle "Im Testmodus starten" (Start in test mode).

• Wichtig: Damit darfst du ohne Login schreiben (hält 30 Tage).

• Klicke auf Erstellen.

3. Zugangsdaten holen

• Klicke oben links auf das Zahnrad ⚙️ -> Allgemein.

• Scrolle runter zu "Meine Apps" und klicke auf das Web-Icon (</>).

• App-Namen eingeben & registrieren.

4. Dateien anlegen

• Erstelle eine Datei .env im root-Verzeichnis
• Füge folgendes ein:

VITE_FIREBASE_API_KEY=
VITE_FIREBASE_AUTH_DOMAIN=
VITE_FIREBASE_PROJECT_ID=
VITE_FIREBASE_STORAGE_BUCKET=
VITE_FIREBASE_MESSAGING_SENDER_ID=
VITE_FIREBASE_APP_ID=

• Füge dort noch die Variablen aus Google Firebase ein