Aller au contenu

Disponible pour des missions freelance et des opportunités CDI

Mohamed.

Application web · Éducation

QuickQuiz

Quiz chronométrés, mode entraînement et suivi de progression pour apprendre le développement web.

QuickQuiz hero

Contexte

Apprendre une stack est plus simple quand la progression est visible. Le produit devait offrir à la fois une expérience de quiz focalisée et un côté admin capable de gérer le contenu.

Objectif

Construire un produit quiz que les apprenants utilisent pour se tester, et qu'un admin peut piloter sans toucher à la base de données.

Solution

Frontend React avec backend Node.js, Express et MongoDB. Les utilisateurs disposent de modes chronométré et entraînement, résultats, badges et classement. Les admins gèrent la banque de questions, thèmes et utilisateurs, et peuvent exporter les données. JWT gère l'authentification. L'interface est préparée pour desktop et mobile.

Produit

QuickQuiz est une plateforme de quiz pour le développement web. Les utilisateurs passent des quiz chronométrés ou s'entraînent sans pression, puis suivent leur historique, badges et classement. Les admins gèrent quiz, questions, thèmes, difficulté et utilisateurs, avec analytique et export de données. La banque de questions couvre frontend, backend, bases de données et DevOps. L'application est conteneurisée et déployée.

QuickQuiz — Register
Register
QuickQuiz — Login
Login
QuickQuiz — Learner dashboard
Learner dashboard
QuickQuiz — Choose quiz
Choose quiz
QuickQuiz — Quiz session
Quiz session
QuickQuiz — Results
Results
QuickQuiz — Practice mode
Practice mode
QuickQuiz — Badges
Badges
QuickQuiz — Mobile dashboard
Mobile dashboard
QuickQuiz — Mobile quiz
Mobile quiz
QuickQuiz — Admin panel
Admin panel
QuickQuiz — Add quiz
Add quiz
QuickQuiz — Add question
Add question
QuickQuiz — Themes
Themes
QuickQuiz — Export
Export

Fonctionnalités clés

  • Quiz chronométrés
  • Mode entraînement
  • Progression & badges
  • Classement
  • Panneau admin de contenu
  • Export de données

Technologies

React · Tailwind CSS · Node.js · Express · MongoDB · Docker

Résultat

Un produit quiz complet avec espaces apprenant et admin, incluant une interface adaptée au mobile et une instance déployée.

Suivant

HealthSphere

Une application mobile pour suivre ses séances d'entraînement — enregistrer les sessions, parcourir les exercices, consulter l'historique et gérer une liste de favoris, avec stockage SQLite offline-first.

Voir le projet
HealthSphere

Un projet similaire en tête ?