Youcus
Une couche d'étude superposée à YouTube : import de playlists, lecteur sans distraction, prise de notes Markdown synchronisées à la vidéo et suivi de progression.
Overview
Youcus est une couche d'étude superposée à YouTube : on importe ses playlists, on regarde dans un lecteur sans distraction, on prend des notes en Markdown synchronisées à la vidéo, et on suit sa progression. Aucun téléchargement — uniquement les APIs officielles Google / YouTube.
Projet à but non lucratif (recouvrement des coûts) : une offre gratuite et un Premium (2,99 €/mois ou 29 €/an).
La stack
Architecture en monorepo (workspaces npm : client, server).
Apprendre sur une plateforme faite pour distraire
YouTube héberge des millions d'heures de contenu éducatif, gratuit et de qualité. C'est, de fait, la plus grande école ouverte du monde, et c'est là que se forment beaucoup d'autodidactes.
Mais c'est aussi une plateforme dont l'algorithme est conçu pour capter l'attention, pas pour la maintenir sur une seule chose. Celui qui vient y apprendre se bat en permanence contre l'outil qu'il utilise : recommandations, miniatures, vidéo suivante lancée toute seule.
Youcus donne à ceux qui apprennent seuls un environnement de travail posé par-dessus YouTube : la matière reste la même, le cadre change.
Rien n'est téléchargé : tout passe par les APIs officielles Google / YouTube, sous contrainte de quota.
Les écrans, dessinés avant d'être codés
Avant la première ligne de code, dix-sept écrans ont été dessinés, du poste fixe au mobile, avec les états qu'on oublie d'habitude : tableau de bord vide, confirmation de suppression, page 404, notifications.
La charte graphique fixe la palette et la typographie avant l'intégration, pour que le développement n'ait plus à trancher de questions de style en cours de route.
Ce que j'ai conçu avant d'écrire une ligne
Youcus est le projet où je possède le cycle de vie complet : chez mon employeur j'ai rejoint une application déjà en place, ici tout part de zéro. La conception a précédé le code — cas d'usage, modèle de données, séquences, architecture — et c'est ce dossier qui a été soutenu.
Les onze diagrammes ci-dessous sont les livrables de cette phase.
Le produit fini
Le mode focus retire tout ce qui détourne de la vidéo : recommandations, commentaires, colonne latérale. Il ne reste que le lecteur et la progression.
À côté, l'éditeur de notes en Markdown : chaque note est horodatée sur la vidéo, donc un clic ramène à la seconde exacte où elle a été prise.
Le cache, et sa panne
Les quotas de l'API YouTube interdisent de rappeler la source à chaque affichage. Un cache Redis en cache-aside absorbe les lectures répétées.
Le point qui compte n'est pas le cache, c'est son absence : l'application est conçue pour fonctionner sans Redis, en dégradation, et des tests couvrent explicitement ce chemin. Le cache accélère, il ne conditionne pas le service.
Ce qui empêche de casser la production
safeParseSESSION_SECRET est absent ou laissé à sa valeur d'exemple : la production ne peut pas tourner avec un secret publié dans le dépôt
Le mémoire
Youcus est le projet du titre professionnel Concepteur Développeur d'Applications. Le dossier remis fait 123 pages : business plan, cahier des charges, user stories, modélisation, charte graphique, wireframes, spécifications techniques, plan de tests, sécurité et RGPD, documentation d'API et documentation développeur.
Il est téléchargeable ci-dessous, dans sa version publique.