c2f819bdf922b39602a33c1593dd5daa1f158258
Removed Cloudflare Worker URL input field and info text from SettingsDetailPage. Backend URL is now configured via environment variable VITE_API_URL, not in UI. Co-Authored-By: Claude <noreply@anthropic.com>
WhatToPlay - Game Library Manager
Eine PWA zum Verwalten deiner Spielebibliotheken von Steam, GOG, Epic, und mehr.
Features
- 📚 Alle Spiele an einem Ort
- 🎮 Steam, GOG, Epic Games, Battle.net Integration
- 📱 PWA - funktioniert auf iPhone, Android, Desktop
- 🔒 Daten bleiben lokal (IndexedDB)
- ⚡ Schnelle Tinder-Style Entdeckung
Deployment
Die App läuft komplett auf Uberspace (~5€/Monat):
- Frontend: PWA (statische Files)
- Backend: Node.js Express Server (CORS-Proxy für Steam API)
- URL: https://wtp.uber.space
Details zum Deployment siehe UBERSPACE.md.
Steam API Integration
1. Steam API Key bekommen
- Gehe zu https://steamcommunity.com/dev/apikey
- Akzeptiere die Terms
- Domain:
localhost(wird ignoriert) - Kopiere deinen API Key
2. Steam ID finden
Option A: Steam Profil URL nutzen
https://steamcommunity.com/id/DEINNAME/→ ID istDEINNAME
Option B: SteamID Finder
3. In der App konfigurieren
- Öffne https://wtp.uber.space
- Gehe zu Settings → Steam
- Füge Steam API Key und Steam ID hinzu
- Klicke auf Refresh → Deine Spiele werden geladen! 🎉
Architektur
PWA (wtp.uber.space)
↓ POST /api/steam/refresh
Express Backend (wtp.uber.space:3000)
↓ Forward mit API Key
Steam Web API
↓ Games List
Backend → PWA → IndexedDB
Local Development
npm install
npm run dev
Der Dev-Server nutzt Vite-Middleware für API-Calls, kein separates Backend nötig.
Weitere Plattformen
- GOG: OAuth Flow (geplant)
- Epic Games: Manueller Import (kein Public API)
- Battle.net: OAuth Flow (geplant)
Tech Stack
- React + TypeScript
- Ionic Framework (Mobile UI)
- IndexedDB (lokale Persistenz)
- Vite (Build Tool)
- Node.js Express (Backend)
- Uberspace (Hosting)
License
MIT
Description
Languages
TypeScript
92%
HTML
5.2%
CSS
1.4%
Shell
1.4%