Zum Inhalt

📥 Installation

manniPhone ist eine reine Web-App und benötigt keine klassische Installation.

Option 1: Direkt im Browser nutzen

# Einfach öffnen:
https://manniphone.github.io

Das war's! ✅


Option 2: Als PWA installieren (empfohlen)

Chrome / Edge:

  1. Öffne manniPhone im Browser
  2. Klicke auf das ⊕ Icon in der Adressleiste
  3. Wähle "Installieren"
  4. Die App erscheint auf deinem Desktop/Homescreen

Safari (iOS):

  1. Öffne manniPhone in Safari
  2. Tippe auf das Teilen-Symbol (⬆)
  3. Wähle "Zum Home-Bildschirm"
  4. Bestätige mit "Hinzufügen"

Android:

  1. Öffne manniPhone in Chrome
  2. Es erscheint ein Banner "Zum Startbildschirm hinzufügen"
  3. Alternativ: Menü (⋮) → "App installieren"

Option 3: Lokal entwickeln

Prerequisites:

  • Git
  • Web Server (Python, Node, oder VS Code Live Server)

Setup:

# Repository klonen
git clone https://github.com/manniPhone/manniPhone.git
cd manniPhone

# Mit Python Server starten
python3 -m http.server 8080 --directory src

# ODER mit Node
npx http-server src -p 8080

# ODER mit Live Server (VS Code Extension)
# Rechtsklick auf src/index.html → "Open with Live Server"

Dann öffnen:

http://localhost:8080


Systemanforderungen

Komponente Minimum
Browser Chrome 80+, Safari 13+, Firefox 75+, Edge 80+
JavaScript ES6 Support
Storage 5 MB für PWA Cache
Netzwerk Nur für initialen Download (dann offline)

Troubleshooting

PWA installiert sich nicht?

  • Prüfe, ob HTTPS aktiv ist (außer localhost)
  • Cache leeren: Ctrl+Shift+R / Cmd+Shift+R
  • Service Worker registriert? DevTools → Application → Service Workers
  • Desktop: Skype, FaceTime, oder Telefon-App muss konfiguriert sein
  • iOS: Funktioniert automatisch mit Telefon-App
  • Android: Funktioniert automatisch mit Dialer

Sounds spielen nicht?

  • Browser erfordert User-Interaktion vor Audio
  • Klicke einmal auf den Screen, dann sollte Audio funktionieren

Nächster Schritt

Quickstart Guide