App apprentissage

Quiz English

Application React TypeScript conçue à Rouen pour des sessions courtes, un feedback immédiat et une structure facile à enrichir côté apprenant comme côté professeur.

Voir le prototype

Capture du catalogue Quiz English avec recherche, filtres, espace professeur et cartes de quiz

Annotations de capture

À voir 01 Catalogue filtrable: point d'entrée pour lancer un parcours rapidement.

À voir 02 Espace professeur: repère pour vérifier le pilotage des quiz et sessions.

À voir 03 Quiz editor: zone clé pour enrichir les questions et structurer le contenu.

Objectif

Créer une application React/TypeScript d'apprentissage rapide à comprendre, avec une base technique prête pour l'itération.

Rôle

Parcours utilisateur, composants React, logique de session, feedback de réponse et structure de questions.

Résultat

Un prototype React déployé avec feedback immédiat et modules professeur pour tester vite le parcours.

Stack

React 19, TypeScript, Vite, développement web à Rouen
CSS responsive, JSX runtime, ES modules
Cloudflare Pages

Synthèse

Je livre vite une expérience React testable, claire pour plusieurs rôles utilisateur.

Rôle exact Parcours utilisateur, composants React, logique de session, feedback de réponse et structure de questions.

Problème Valider un parcours d'apprentissage sans perdre l'utilisateur entre catalogue, session et rôle professeur.

Décision technique Découper l'expérience en sessions courtes, feedback immédiat et vues professeur/éditeur consultables.

Résultat Démo exploitable pour tester le parcours apprenant/professeur et préparer progression/statistiques.

À voir Démo live: quiz editor, salle live, espace professeur et feedback immédiat.

Code source Dépôt privé pendant le durcissement anti-abus; démo live et fiche technique visibles.

Stack React 19 / TypeScript / Vite / Cloudflare Pages

Livraison vérifiée

Build et lint validés
SEO crawlable
Headers sécurité contrôlés
Lighthouse local validé

Livrables

Catalogue de quiz
Mode entraînement
Espace professeur

Éléments visibles

Quiz editor
Salle live
Feedback direct

Éléments partageables

Démo live du parcours apprenant et professeur.
Capture du quiz editor, de la salle live et du feedback immédiat.
Extraits ciblés possibles sur composants React, logique de session et structure TypeScript.

En entretien technique

Découpage du parcours apprenant/professeur en composants React.
Gestion du feedback immédiat et de la logique de session.
Évolution possible vers suivi de progression, statistiques et enrichissement des questions.

À vérifier en 30 secondes

Ouvrir le prototype live et lancer un parcours de quiz.
Observer le feedback immédiat après réponse.
Vérifier la présence du quiz editor, de la salle live et des vues professeur.

Ce que je peux montrer en entretien : Démo live, parcours apprenant/professeur, structure React et logique de session.

Tester le projet Demander le contexte

Ce que ça montre

Parcours produit clair sur mobile et desktop.
Base React évolutive, typée en TypeScript, pour enrichir les questions et la logique de score.
Feedback utilisateur immédiat après réponse.
Structure prête pour des statistiques et un suivi de progression.

Modules visibles

Auth pages
Teacher dashboard
Quiz editor
Practice player
Question bank
Live room professeur
Live room étudiant
Résultats de session
Paramètres