Chill2gether

Une application de streaming vidéo collaborative en temps réel permettant aux utilisateurs de regarder des vidéos ensemble.

Architecture

Backend

• Framework: Express.js
• Base de données: PostgreSQL
• Temps réel: Socket.io
• Authentification: JWT avec bcrypt

Frontend

• Framework: React 19
• Build: Vite
• Styling: Tailwind CSS
• Routing: React Router
• Animations: Framer Motion
• Lecteur vidéo: React Player + HLS.js
• WebSocket: Socket.io-client

Installation

Prérequis

• Node.js 20.x ou supérieur
• PostgreSQL 16 ou supérieur
• npm ou yarn

Backend

cd backend
npm install

Créer un fichier .env dans le dossier backend:

# Config DB
DB_HOST=localhost
DB_USER=c2g
DB_PASSWORD=votre_mot_de_passe
DB_NAME=c2g
DB_PORT=5432

# Config API
YT_API_KEY=votre_cle_api

# Config Server
JWT_SECRET=votre_secret_jwt
PORT=3000
NODE_ENV=dev #pour afficher les message de debug

Lancer le serveur:

npm run dev

Frontend

cd frontend
npm install

Créer un fichier .env dans le dossier frontend:

VITE_BACKEND_URL=http://localhost:3000

Lancer le client:

npm run dev

Utilisation

1. Démarrer le serveur backend
2. Démarrer le client frontend
3. Ouvrir votre navigateur sur http://localhost:5173
4. Créer un compte ou se connecter
5. Créer ou rejoindre une salle de visionnage

Scripts

Backend

• npm start - Démarrer le serveur en production
• npm run dev - Démarrer le serveur en mode développement

Frontend

• npm run dev - Démarrer le serveur de développement
• npm run build - Compiler pour la production

Licence

ISC