02 — ÉTUDE DE CAS · 2026

Card Generator

Une app web auto-hébergée qui génère les visuels de mon portfolio : preview live, sélecteur de logo, color picker, export PNG retina via rsvg-convert. Stack minimale, aucune dépendance externe — la vignette de ce projet a été produite par l'outil lui-même via son API.

/ Le besoin

Chaque projet du portfolio a besoin d'une vignette cohérente : même grille, même palette, logo du projet, titre. Les faire à la main dans un éditeur graphique prenait 15 minutes par visuel et le résultat dérivait à chaque fois. La solution : un générateur.

/ La stack minimale

Un serveur HTTP Python 3 sans framework, du JavaScript vanilla côté client, et librsvg pour le rendu. Le template est un SVG paramétrable : le front édite les variables en preview live, le back rend un PNG retina via rsvg-convert. Aucune dépendance npm, aucun build.

/ L'API

Le générateur expose un endpoint HTTP simple : on POST un JSON (titre, logo, couleurs), on reçoit un PNG. La vignette de ce projet dans le portfolio a été produite par l'outil lui-même via cette API — le serpent qui se mange la queue, mais en bien.

$ curl -X POST card.boulayoune.com/api/render — la vignette de cet article vient de là
PROJET SUIVANT
ServerControl