Prototype Site Web Next.js

Conception et développement d’une installation numérique interactive déployée lors d’une conférence universitaire pour visualiser en temps réel le ressenti des participants. L’application web permet au public de soumettre des mots depuis leur smartphone, qui s’assemblent dynamiquement sur un grand écran pour former une œuvre générative collective (« tissage de mots »). J’ai implémenté un moteur graphique sur mesure via l’API Canvas, capable de gérer plusieurs modes de visualisation algorithmiques (chronologique, proximité sémantique, résonance colorimétrique) et d’animer des centaines de nœuds de manière fluide.

L’architecture repose sur une solution Full-Stack sans serveur (Serverless) pour garantir une haute disponibilité durant l’événement. J’ai développé une API via Vercel Functions connectée à une base de données Redis (Upstash) pour la persistance et la synchronisation instantanée des contributions. Le projet intègre également un système de modération automatique, un module d’exportation vidéo (Time-lapse) et image haute définition, ainsi qu’un tableau de bord statistique en temps réel pour analyser la dynamique des échanges. Le site possède une version responsive totalement utilisable sur mobile.

Production

  • Site Collaboratif

Outils/Langages utilisés

  • JavaScript
  • Node.js
  • HTML / CSS
  • Redis
  • Vercel
  • Cursor