💡 L'Inspiration : la fin du "Doomscrolling"

Tout est parti d'un constat effrayant : notre capacité d'attention est passée sous la barre des 8 secondes, inférieure à celle d'un poisson rouge. Nous passons des heures à scroller sur TikTok ou Instagram, absorbant des bribes d'informations souvent fausses, tandis que nos livres et nos formations prennent la poussière.

L'idée de SkillUp est née de la convergence de deux expériences personnelles :

  1. Le format "Story" des réseaux sociaux, ultra-addictif et fluide.
  2. Notre cursus à l'école 42. Là-bas, nous avons vécu avec le système de "Pace" (rythme différencié selon les personnes).

Nous nous sommes posé une question simple : Et si on utilisait les mêmes mécanismes addictifs que les réseaux sociaux, mais pour apprendre quelque chose de complexe ?

Notre objectif n'était pas de créer un simple outil de résumé. Nous voulions bâtir SkillUp : un tuteur de poche capable de transformer n'importe quel contenu brut en une expérience pédagogique sur-mesure, adaptée au rythme de chacun.

⚙️ Comment nous l'avons construit

SkillUp est une Progressive Web App (PWA) pensée avant tout pour le mobile. L'architecture repose sur trois piliers :

  1. L'Expérience Utilisateur (Frontend) :

    • Construit avec React 18, TypeScript et Vite pour une performance maximale.
    • Nous avons utilisé shadcn/ui pour le design system et Framer Motion pour répliquer la navigation fluide par "Taps" des stories Instagram.
  2. Le Cerveau (Backend & IA) :

    • Supabase (via Lovable Cloud) gère l'authentification sécurisée et la base de données PostgreSQL en temps réel.
    • La Lovable AI Gateway agit comme notre "Ingénieur Pédagogique". Elle analyse le contenu et le découpe en concepts clés.
    • Perplexity API est utilisée pour enrichir les cours avec des images et ressources contextuelles vérifiées.
    • ElevenLabs donne une voix naturelle à nos cours, permettant d'apprendre les mains libres (Audio-first).

🧠 Le défi : vaincre la courbe de l'oubli

Le plus grand challenge n'était pas de générer du contenu, mais de s'assurer que l'utilisateur le retienne vraiment.

Plutôt que de noyer l'utilisateur sous l'information, nous nous sommes basés sur les principes de la Répétition espacée. L'application calcule le moment optimal pour vous faire réviser une notion, juste avant que vous ne l'oubliiez. Cela permet à SkillUp de ne jamais être ennuyeux (trop facile) ni frustrant (trop dur), en maintenant l'utilisateur dans une zone de progression constante.

🚧 Les obstacles rencontrés

  • La pertinence pédagogique : Au début, il était difficile de doser la difficulté des quiz. Nous avons dû affiner longuement la manière dont nous guidons l'IA pour qu'elle agisse comme un vrai professeur bienveillant, et non comme une encyclopédie froide.
  • La vitesse : Générer un cours complet et personnalisé prend du temps. Nous avons résolu cela avec une interface de chargement ludique et un affichage progressif ("streaming") pour que l'utilisateur n'attende jamais devant un écran blanc.
  • L'équilibre visuel : Faire entrer des concepts complexes sur un petit écran de téléphone sans surcharger l'utilisateur a nécessité de nombreuses itérations de design.

🚀 Ce que nous avons appris

Ce projet nous a appris que la technologie est une commodité, mais l'expérience utilisateur est reine.

L'IA permet de créer le contenu, mais c'est le design system, la gamification et la fluidité des interactions qui déterminent si l'utilisateur reviendra le lendemain. Avec SkillUp , nous ne construisons pas seulement une app, nous essayons de rendre l'apprentissage personnel, digeste et enfin engageant.

Built With

  • elevenlabs
  • lovable
  • perplexity
  • react
  • vite
Share this project:

Updates