Una web app di minigiochi in tempo reale, sviluppata con React, WebRTC e Node.js
Un'applicazione web innovativa che unisce videochiamate in tempo reale e minigiochi multiplayer. Costruita con React, WebRTC e Node.js, consente a due utenti di connettersi tramite video e sfidarsi in 3 minigiochi interattivi.
- ✅ Videochiamata peer-to-peer via WebRTC
- 🎲 Minigiochi integrati in tempo reale
- 🧠 Punteggi aggiornati live e visibili a entrambi i giocatori
- 🌐 Interfaccia moderna e responsive con React
- 🧩 Backend real-time con Node.js & WebSocket
Trova le coppie più velocemente dell'avversario!
Sfida di precisione: accumula blocchi senza far crollare la torre!
Chi ha il riflesso più veloce? Spara prima del tuo avversario!
- Frontend: React + WebRTC
- Backend: Node.js + WebSocket
- Styling: CSS
- Deployment: Ngrok
git clone https://github.com/WebRTC-Projects-Unina/WebRTC_Mini_Games.git
cd WebRTC_Mini_Games.git
npm install (./frontend)
npm install (./backend)
npm run build (frontend)
-- in caso di errore vite lanciare il comando: npm install vite
node server.js (backend)In caso si volesse testare la comunicazione tra dispositivi differenti è possibile usare il servizio ngrok:
- Registrarsi al sito ed ottenere il proprio token di configurazione
- Configurare ngrok con le proprie credenziali sul proprio sistema (sul quale il server verrà avviato)
- Lanciare il file ngrok.exe presente nella directory ../backend/ del progetto
- Lanciare il comando: ngrok http 4000
- Diffondere il link di reindirizzamento fornito dal servizio ngrok avviato
In caso di erorri o problemi con i moduli node si consiglia di eliminare le cartelle node modules e rilanciare i comandi npm install
E' possibile consultare il file docPurpleLeopard.pdf per ulteriori informazioni sul progetto!