CinéConnect

CinéConnect

Plateforme collaborative cinéma Dongui OUATTARA — HETIC — Web2 — 2026

Contexte et problème

Le cinéma est très consommé, mais l'échange est dispersé.Les plateformes de streaming = consultation, peu d'interaction.Besoin: un espace unique pour découvrir, réagir et discuter. Notre reponse:

Objectifs du projet

• Proposer une expérience cinéma communautaire
• Centraliser les interactions dans une seule plateforme
• Construire une application full stack claire et maintenable

Fonctionnalités principales

Ajouter en favoris ou en liste perso

Donner une note et un commentaire

Authentification utilisateur

Rechercher des films

Discuter en temps réel sur chaque film

Le parcours utilisateur

Avis, favoris et liste

Recherche d'un film

Chat en temps reel

Consulte ses details

Inscription / connexion

Stack technique

Frontend

Backend

• Node.js + Express
• JWT (authentification)
• Drizzle ORM
• Socket.io
• PostgreSQL

• React
• TanStack Router
• TanStack Query
• TailwindCSS
• Vite

Architecture

Sécurite

Chaque requête sensible envoie ce token → le backend vérifie

L'utilisateur se connecte → le backend crée un token JWT

Ce token est stocké dans le navigateur (`localStorage`)

Défis/solutions

• Intégration front/back → contrats d'API clarifiés.
• Droits utilisateurs → contrôle côté backend avec JWT.
• Chat temps réel → rooms Socket.io par film.
• Données films → OMDb + persistance locale.
• Organisation projet → séparation frontend / backend / docs.

Les points forts de CinéConnect

Authentification sécurisée

Temps réel avec Socket.io

Application full stack complète

Expérience utilisateur fluide

API documentée avec Swagger

Interface claire et moderne

Démo

API (Swagger)

Cinéconnect APP

Limites et suite

Pour affiner la recherche et trouver plus vite des films selon ses préférences.

Filtres avancés(année, genre, note min)

Pour proposer des films adaptés aux goûts et à l’historique de chaque utilisateur.

Recommandations personnalisées

Pour sécuriser les parcours clés et éviter les régressions entre le frontend et le backend.

Tests d’intégration complets

Pour détecter rapidement les bugs en production et améliorer la stabilité de l’application.

Observabilité (logs, monitoring erreurs)

Conclusion

CinéConnect répond à l'objectif initial : proposer une expérience cinéma communautaire complète, avec une base technique solide et évolutive.

CinéConnect : une application full stack complète Architecture claire, sécurisée et évolutive

00:00

Merci pour votre attention!

CinéConnect