thekof
Tous les projetsPROJET #11 · 2025

SkillFlash Academy

Plateforme de micro-learning d'élite : catalogue de formations, modules d'environ 15 minutes, examens chronométrés et certificats dynamiques (html-to-image) partageables. Contenu Markdown, UI mobile-first — pour valider une compétence rapidement sans s'engager dans une formation marathon.

Client
Projet personnel · thekof
Rôle
Frontend
Durée
Produit
Stack Technique
ReactTypeScriptTailwindMarkdownhtml-to-image
SkillFlash Academy — visuel principal
Étude de cas

Modules de 15 min, certificats instantanés

Métriques & Résultats Clés

  • Format15 min
  • CertificatsDynamiques
  • LiveVercel
Le Point de Départ & Défi

Le contexte

Les formations longues décrochent dès que le rythme terrain s'accélère. Il manquait un format court, exigeant (examen chronométré) et valorisant (certificat immédiat).

Stratégie & Architecture

L'approche

Pédagogie active en modules 15 min, rendu Markdown soigné, parcours examen avec timer, génération de certificat image/PDF partageable. UI catalogue claire, progression visible, déploiement Vercel.

Impact & Solution Livrée

Le résultat

Un produit d'apprentissage mobile-first où l'on peut apprendre, se tester et prouver une compétence dans la même session — utile pour coachings et auto-formation.

  1. 01 · Problème

    Le point de douleur

    Pas le temps (ni la motivation) pour des formations longues : besoin de capsules denses avec validation rapide.

  2. 02 · Cadrage

    Ateliers & périmètre

    Définition du format module, barème d'examen, structure du catalogue et critères du certificat (nom, module, score, date).

  3. 03 · Conception

    Architecture & maquettes

    UI catalogue + lecteur Markdown + écran examen ; pipeline html-to-image pour le certificat.

  4. 04 · Développement

    Itérations courtes

    Implémentation React/TS, gestion timer/score, polish mobile et états de réussite/échec lisibles.

  5. 05 · Mise en production

    Bascule maîtrisée

    Déploiement Vercel, smoke test du parcours complet jusqu'au partage du certificat.

  6. 06 · Solution

    Mesure & évolution

    Ajustements UX (lisibilité Markdown, friction examen) selon les premières sessions d'apprentissage.

Galerie & Détails d'Interface

Aperçus du projet en action

SkillFlash Academy — illustration 1
SkillFlash Academy · Capture 1
SkillFlash Academy — illustration 2
SkillFlash Academy · Capture 2
Passer à l'action

Vous avez un projet similaire ou une idée à concrétiser ?

Discutons de vos objectifs techniques et business. Estimation claire et accompagnement sur-mesure.