Web

Vitrine du portfolio

Ce site : multi-pages, bilingue, responsive, mode sombre, sans framework.

Terminé Sprint S1-S9+S35+S40+S44+S63 · 16 points

En bref, sans jargon pour les non-informaticiensLire le résuméRefermer

Ce que c'est: Le site que vous lisez : mon parcours, mes 23 projets et la façon dont je les ai menés, en français et en anglais, sur ordinateur comme sur téléphone.
À quoi ça sert: Montrer en un seul endroit ce que je sais faire, avec des démonstrations qu'on essaie directement dans la page.
Ce que ça montre: Le soin du détail : chaque modification est vérifiée automatiquement sur plusieurs navigateurs et téléphones, et le site reste utilisable au clavier et par les lecteurs d'écran.

Enseigné en M1 (interaction homme-machine)

Comment les morceaux tiennent ensemble

Données (JSON, sprints en Markdown) → Générateur (Node, sans framework) : lues au build
Générateur (Node, sans framework) → Pages FR et EN (HTML, CSS, JavaScript) : écrit
Générateur (Node, sans framework) → API JSON (lue par les dashboards)
Tests (node:test, Playwright, axe) → Pages FR et EN (HTML, CSS, JavaScript)
CI (GitHub Actions, 3 OS) → Tests (node:test, Playwright, axe)
CI (GitHub Actions, 3 OS) → GitHub Pages (site statique) : déploie si vert

HTML: Les pages, générées par un script Node à partir des données (projets, CV, sprints) : aucun framework dans le navigateur.
CSS: La charte (gris sombre, pistache, chocolat) dans un seul fichier de couleurs, thèmes clair et sombre, mise en page mobile.
JavaScript: Les démos des fiches (visionneuses, jeux, éditeurs) et les petits comportements des pages : thème, tri, filtres.
Node.js: Le générateur du site et les tests unitaires et d'intégration (node:test), dont le scan de données privées.
Playwright: Les tests de bout en bout sur Chromium, Firefox, WebKit et deux téléphones, avec axe pour l'accessibilité.
GitHub Actions: La CI de chaque projet sur Linux, Windows et macOS, puis le déploiement sur GitHub Pages.