MyCourse - Plateforme de Supports de Formation

Présentation de MyCourse #

MyCourse est un site de cours en ligne conçu pour structurer, rédiger et diffuser les supports des formations données en développement web, design graphique, marketing et community management (AFPA, Ynov, MODE83). Le projet part d’un besoin concret plutôt que d’un choix technologique a priori: rédiger des supports en Markdown pour aller vite, itérer et corriger un contenu en quelques minutes, et présenter la même matière sous deux formes, note de cours complète ou diaporama de présentation, sans dupliquer le travail de rédaction.

MyCourse est un projet Application Web réalisé pour un usage pédagogique personnel. L’accès au site nécessite un token d’authentification nominatif, les contenus de formation n’étant pas publics.

Objectifs #

• Rédiger des supports de cours en Markdown pour aller vite et itérer rapidement
• Présenter la même matière sous deux formats sans dupliquer la rédaction, note de cours ou diaporama
• Centraliser les supports de plusieurs formations sur une plateforme unique
• Protéger l’accès aux contenus de formation non publics

Défis Techniques #

Le principal défi a été de trouver une stack répondant à trois contraintes à la fois: rédaction confortable en Markdown, cycle de révision rapide (édition, prévisualisation locale instantanée, publication), et duplication de format évitée grâce à un même contenu source alimentant deux gabarits différents (note de cours et diaporama). La mise en place d’un accès par token nominatif pour les contenus non publics, ainsi que le déploiement continu de bout en bout (build Hugo, indexation Pagefind, image Docker, mise en ligne), ont nécessité une chaîne technique cohérente du poste de rédaction jusqu’au VPS.

Technologies Utilisées #

Détail des technologies et outils utilisés pour ce projet :

• Frontend : Hugo, Reveal.js (via reveal-hugo), CSS natif en cascade layers
• Recherche : Pagefind, moteur full-text statique sans dépendance serveur
• Diagrammes : Mermaid
• Backend : serveur Go minimaliste, fichiers statiques et accès par token
• Conteneurisation : Docker
• CI/CD : GitHub Actions (build Hugo + Pagefind, image Docker, déploiement)
• Déploiement : VPS OVH avec Caddy en reverse proxy

Résultats #

Les résultats obtenus et l’impact du projet :

• Notes de cours complètes en développement web (HTML, CSS, JavaScript, Express, MongoDB) avec TP guidés pas à pas
• Présentations projetables en community management réutilisant les mêmes notes de cours
• Contenu de design graphique illustré de schémas SVG annotés faits main
• Recherche full-text instantanée et navigation par sommaire sur les pages longues
• Thème clair/sombre et diagrammes Mermaid adaptatifs au thème
• Déploiement continu opérationnel, chaque modification poussée est buildée, testée et mise en ligne automatiquement

Vous avez un projet similaire ? Contactez-moi pour en discuter.