Bonjour à tous,

Je me présente, Julien 33 ans je suis développeur depuis plus de 10ans et dans l'optique d’apprendre le Framework MeteorJS, je me suis lancé dans le développement d'un petit trivia Quizz. (Rien de plus efficace pour apprendre je trouve que de se lancer dans un projet).

Nom du projet : Multiquizz.io
Url du site : https://multiquizz.io
Type de jeu : Trivia quizz
Principe du jeu : Quizz classique sur le principe, Multijoueurs et Multi ecran 
Rythme du jeu : Parties d'environ 5-6 min 
Technologies utilisées : MeteorJS (mongoDB pour la bdd), AngularJS, Angular Material

Le but ici était de partir sur un concept simple (le quizz) mais en y ajoutant quelques features.

Je reprend les régles disponible sur le site :

Fonctionnement du jeu :

MultiQuizz.Io est une application de quizz multi-écrans, multi-joueurs en temps réel

Multi-écrans ?

Multi-écrans signifie que vous pourrez jouer au quizz en affichant les questions sur votre tv ou tout autre ecran et interagir grace votre mobile

Il existe 3 modes d'affichages que vous pourrez sélectionner en rejoignant un salon de jeu

Mode classique: Affiche la question et les réponses, c'est le mode de quizz classique 
Mode télécommande: Affiche uniquement les réponses possible, il sera nécéssaire ici d'afficher la question sur un autre ecran grace au mode TV 
Mode TV: Affiche la question et le classement des joueurs présent dans le salon de jeux, les joueurs pourront joindre le salon soit en passant par la recherche soit en scannant le qr-code associé
Vous devrez ouvrir l'application grâce a un navigateur et rejoindre un salon de jeu dans le mode adequat.

Multijoueurs en temps réel?

Le jeu pose des questions sur différents thèmes en temps réel pour tout les joueurs du salon de jeu

Une partie se décompose en plusieurs rounds de plusieurs questions, vous et les autres joueurs du salon ont quelques secondes pour répondre à chaque question, vous gagnez 1 point par bonne réponse, le joueur ayant le plus de point à la fin de la partie gagne.

Ok mais comment fait-on ?

Si vous désirez être joueur (Mode Classique ou Mode Télécommande)

Il faut ouvrir le site (Multiquizz.IO) dans votre navigateur puis vous connectez à l'application avec un compte invité (proposé a la connexion) ou un compte permanent (mail)

Cliquez sur le bouton "Jouer" de la page d'accueil, vous serez dans la page de liste des parties en cours, vous pourrez rejoindre les parties en cliquant sur "Jouer" dans la liste puis en choississant le mode d'affichage adequat (Télecommande ou classique). Vous pouvez rechercher une partie en cliquant sur la loupe en haut a droite.

Vous pouvez également créer votre salon de jeu pour choisir vos parametres en cliquant sur la croix en bas a droite de la page de liste, puis suivez les instructions pour le parametrage de la partie.(vitesse, difficulté, themes ...)

Si vous desirez afficher les questions (Mode TV)

Ici la creation de compte n'est pas nécessaire, ouvrez le site (multiquizz.io) avec votre navigateur préféré, cliquez sur "jouer" dans la page d'accueil puis choisissez le salon de jeu que vous desirez afficher en cliquant sur "Mode TV"

NB :L'application fonctionne sur les navigateurs des box (freebox...),des smart TV ...,vous pouvez egalement branchez votre Ordinateur sur un plus grand écran, les joueurs peuvent rejoindre le salon en scannant le qr-code.

A la fin de chaque parties, toutes les réponses sont expliquées.

Screenshots du mode multi-ecrans:

Smatphone :

mode TV :

Petit retour d'xp sur MeteorJS, J'adore et je conseil, c'est simple, intuitif et on développe trés rapidement, pour la mise en ligne (ce qui me faisait un peu peur) idem, très simple avec un docker, le jeux est sur un petit VPS d'ovh à 3€ 

Excellent, j'ai réalisé sans le savoir le même genre de projet.

J'ai fait ça au plus vite avec AngularJS en front-end et un petit serveur HTTP en Python avec flask et une DB temporaire sqlite.

Je dois avouer que le tiens est vraiment pas mal, j'avais les mêmes idées de pouvoir "partager" les questions entre plusieurs devices et l'utilisation des websockets est effectivement une bonne idée.

Si ça te tente d'échanger sur le sujet, n'hésite pas à me PM ;-)

Penses-tu rendre ton projet open-source ?

Hello,

BuRner a écrit:

Je dois avouer que le tiens est vraiment pas mal, j'avais les mêmes idées de pouvoir "partager" les questions entre plusieurs devices et l'utilisation des websockets est effectivement une bonne idée.

merci

Oui le partage rend le quizz interactif, tu met le mode TV sur un grand écran et tu peux jouer avec plusieurs amis chacun avec son smartphone en mode télécommande .

BuRner a écrit:

Si ça te tente d'échanger sur le sujet, n'hésite pas à me PM ;-)

Penses-tu rendre ton projet open-source ?

Je ne vais pas retravailler dessus de suite et il faut que je peaufine un peu, ajouter du contenu et exporter les applications pour Android et IOS.

Si tu as des idées ou des retours, n'hésite pas.

Pour l'open source, je ne sais pas encore, je vais déjà finir le projet

-
Edité par Dioux 11 juillet 2017 à 12:39:48

Une raison particulière d'avoir utilisé mongoDB ?

Pour les idées, j'en ai quelques unes. Je t'enverrai un lien de la semaine vers mon app pour que tu puisses tester

BuRner a écrit:

Une raison particulière d'avoir utilisé mongoDB ?

C'était à la base dans l'optique d'apprendre MeteorJS , MongoDb fait partie de la stack de base.

Après pour ce type d'application, le relationnelle et l'intégrité des données n'est pas la priorité et le noSQL est simple et flexible