24,139 Lines
  • JavaScript 38.6%
  • JSX 35.1%
  • JSON 12.6%
  • CSS 10.3%
  • Markdown 2.7%
  • Yaml 0.5%
  • HTML 0.1%
  • XML 0.1%
README.md

# 🎬 FilmQuiz Multiplayer En realtids multiplayer filmquiz-app där spelare tävlar om att gissa filmer baserat på bilder. Spelet är snabbt, socialt och byggt för “över en öl”-sessions med vänner. ---

## 🚀 Funktioner (MVP) - 🎮 Realtids multiplayer via rumskoder

- 🖼️ Filmfrågor baserade på bilder

- ⏱️ Tidbaserad poäng (snabbare svar = fler poäng)

- 🏆 Live leaderboard efter varje runda

- ✍️ Autocomplete vid gissning (hard mode light)

- 👥 Host startar spelet och styr rundor

- 📱 Mobilanpassad PWA-liknande frontend

---

## 🧠 Spelidé 1. En host skapar ett rum

2. Spelare ansluter via kod

3. Host startar spelet

4. En film visas som bild

5. Alla gissar samtidigt

6. Poäng baseras på:

- Rätt svar

- Hur snabbt svaret ges

7. Leaderboard visas mellan rundor

---

## 🏗️ Arkitektur

### Backend - Node.js - Express - Socket.IO - In-memory state (ingen databas i MVP)

### Frontend - React + Vite - Socket.IO client - Minimal UI ---

## 🔌 Realtids-event (Socket.IO)

### Client → Server - create\_room - join\_room - start\_game - submit\_answer

### Server → Client - room\_created - player\_joined - game\_started - new\_question - answer\_result - leaderboard\_update - game\_over ---

## 🧾 Speldata Filmer lagras lokalt i en JSON-fil:

{
  "id": 1,
  "title": "The Matrix",
  "year": 1999,
  "image": "url-to-image"
}

Please wait...
Connection lost or session expired, reload to recover
Page is in error, reload to recover