Skip to content

LJDP : Le Jeu Des Photos. Le party game de devinettes à base d'images.

Notifications You must be signed in to change notification settings

augustin-pasq/ljdp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

88 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

LJDP : Le Jeu Des Photos

LJDP : Le Jeu Des Photos. Le party game de devinettes à base d'images.

Le concept de LJDP

En famille ou entre amis, décidez de plusieurs catégories : votre repas préféré, l'objet le plus utilisé le matin, votre paire de chaussettes favorite... Chaque joueur prend une photo et l'envoie sur LJDP. À vous de deviner qui a pris la photo ! Rendez-vous sur ljdp.augustinpasquier.fr pour commencer à jouer !

Le projet

Fonctionnalités

Le projet est aujourd'hui pleinement fonctionnel (malgré quelques points à améliorer !) :

  • Inscription sur l'application
  • Connexion/Déconnexion à l'application
  • Session utilisateur
  • Création d'une partie et de ses catégories
  • Upload des photos
  • Système de jeu : affichage des questions, soumission des réponses, affichage de la correction, calcul des scores
  • Principe du multijoueurs pour une expérience de jeu en temps réel
  • Historique des parties, avec les scores et les photos envoyées

Avancée du projet

Pour suivre l'avancée du projet, rendez-vous sur la roadmap.

Stack technologique

  • Next.js / React (JavaScript)
  • Prisma en tant qu'ORM
  • PrimeReact comme librairie front-end
  • Socket.io pour la partie multijoueurs

Mise en place du projet

  1. Cloner le repo
  2. Lancer la commande npm install pour installer les dépendances
  3. Mettre en place une base de données à l'aide du script de création : /database/creationScript.sql
  4. Créer à la racine de l'arborescence un fichier .env :
    DATABASE_URL="[sgbd]://[utilisateur_base_de_données]:[mot_de_passe_utilisateur]@[adresse_base_de_données]:[port_base_de_données]/[nom_base_de_données]"
    COOKIE_PASSWORD="[mot_de_passe_32_caractères_minimum]"
    
  5. Lancer les commandes npx prisma db pull et npx prisma db generate pour synchroniser la base de données avec Prisma
  6. Lancer la commande npm run dev pour lancer le projet

Auteurs