Discrete Learn
2024-06-01EdTech

Discrete Learn

React.jsViteContext APIShadCN UIFirebase+2

01. Vue d'ensemble

Plateforme d'apprentissage en ligne pour maîtriser les mathématiques discrètes, avec accent sur la théorie des ensembles, quiz interactifs et suivi de progression.

Objectif

Rendre la théorie des ensembles plus accessible grâce à des leçons guidées et des exercices pratiques interactifs.

Résultat

Plateforme web complète avec authentification, progression, visualisations de Venn et exercices pratiques.

02. Stack technique

React.js
Vite
Context API
ShadCN UI
Firebase
TypeScript
CSS3

03. Fonctionnalités clés

Leçons guidées de la théorie des ensembles, du niveau fondamental à avancé

Visualisations interactives de Venn et opérations ensemblistes

Exercices pratiques avec retour en temps réel

Suivi de progression avec indicateurs de complétion

Authentification utilisateur (connexion, inscription, réinitialisation)

Design responsive optimisé desktop et mobile

04. Pipeline d'ingénierie

01

Structuration des contenus de leçon via des fichiers JSON

02

Développement de composants réutilisables: sidebar, contenu de leçon, contrôles de navigation

03

Intégration de Firebase Auth pour login, inscription et reset mot de passe

04

Ajout de visualisations interactives: Venn, tables d'opérations, représentations informatiques

05. Défis & exécution

Contrainte

Concevoir un parcours d'apprentissage engageant pour du contenu mathématique abstrait

Exécution

Création d'une page de cours focalisée avec sidebar sticky pour une navigation fluide.

Contrainte

Construire des composants de diagrammes de Venn dynamiques pour les opérations ensemblistes

Exécution

Développement de composants interactifs personnalisés pour Venn et identités ensemblistes.

Contrainte

Suivre l'état de complétion par leçon entre les sessions via Firebase

Exécution

Utilisation de Firebase pour la persistance de progression et l'authentification utilisateur.

Retour à l'archive.

Emmanuel Adoum | Portfolio