SmartFlowApplication web éducative

SmartFlow transforme les connaissances en fiches question-réponse et prépare les révisions selon les réponses précédentes, sans planning à gérer manuellement.

Vue d’ensemble

Apprendre aujourd’hui, retenir demain

Le problèmeCréer des fiches ne suffit pas : il faut retrouver ce qui mérite d’être revu, au moment opportun, et visualiser sa progression sans multiplier les outils.

La solutionUne application centralise la création, le classement et la récitation. Un moteur calcule les prochaines échéances ; un tableau de bord rassemble les fiches dues et les indicateurs de suivi.

Workflow utilisateur

Question, catégorie, réponse

Saisir une question, choisir éventuellement une catégorie, puis ajouter la réponse dans un parcours guidé. La fiche est enregistrée et peut être ouverte aussitôt pour une première révision.

1 / 4: Créer une fiche. Étape précédente / Étape suivante

Architecture technique

L’interface React interroge des routes API Next.js qui appliquent la logique de révision et lisent ou modifient les données via Prisma et PostgreSQL.

Interface web

Next.js / React

Création, récitation et suivi
Requêtes HTTP

Routes API

Next.js / TypeScript

Auth, calcul des échéances et commandes métier
Lectures et écritures

Accès aux données

Prisma ORM

Requêtes, relations et transactions
Transactions SQL

Base de données

PostgreSQL

Fiches, catégories, comptes et historique
  • Interface web: Next.js / React. Création, récitation et suivi Requêtes HTTP.
  • Routes API: Next.js / TypeScript. Auth, calcul des échéances et commandes métier Lectures et écritures.
  • Accès aux données: Prisma ORM. Requêtes, relations et transactions Transactions SQL.
  • Base de données: PostgreSQL. Fiches, catégories, comptes et historique

Défis techniques

01

Centraliser les échéances de révision

Contrainte

Des règles de paliers réparties entre plusieurs écrans peuvent produire des dates incohérentes, notamment aux frontières de journée.

La solution

Un module métier unique calcule les échéances, le retard et la progression en prenant Europe/Paris comme fuseau de référence.

02

Conserver un historique fiable

Contrainte

La dernière date inscrite sur une fiche ne suffit pas à reconstruire l’activité passée ni la régularité des séances.

La solution

Chaque évaluation écrit la progression de la fiche et une entrée de journal dans une même transaction Prisma.

03

Adapter le suivi à la progression

Contrainte

Un compte sans fiche, un nouvel utilisateur et une personne déjà active ne disposent pas des mêmes données utiles.

La solution

Un calculateur de données indépendant des accès SQL alimente des tuiles et des états adaptés à la situation du compte.

Stack technique principale

Next.jsReactTypeScriptTailwind CSSNode.jsPrisma ORMPostgreSQLPlaywright

Résultats et enseignements

Un parcours de révision complet

Création et classement de fiches, file quotidienne, affichage des réponses et progression par paliers sont reliés dans une même application.

Un tableau de bord contextualisé

L’écran de suivi présente les fiches dues, la progression, la répartition par catégorie et des indicateurs alimentés par le journal.

Des vérifications versionnées

Le dépôt contient des tests unitaires Vitest et des scénarios Playwright pour les parcours, les états réseau et l’interface responsive.