← Tous les travaux
Outil · Automatisation

Un générateur de PDF pro, dans un seul fichier HTML

Icône PDF Recap Tool

PDF Recap Tool transforme un formulaire en document PDF prêt à envoyer — points d’étape produit, devis, factures, comptes-rendus — sans Figma, sans InDesign, sans backend.
Tout tourne dans le navigateur, tout reste sur la machine.

RôleConception & développement solo
StackHTML / CSS / JS vanilla · html2canvas · jsPDF
StatutEn production, usage quotidien
Période2026
Le contexte

Produire un point d’étape client, un devis ou un compte-rendu propre prend en général soit un logiciel de mise en page lourd, soit un copier-coller Word qui finit par se voir.
PDF Recap Tool part d’un principe simple : remplir un formulaire à gauche, obtenir un PDF à la charte cohérente à droite — sans jamais quitter le navigateur, sans jamais envoyer une donnée client vers un serveur tiers.
Le fichier s’ouvre en double-cliquant dessus, sans installation ni compte.

7
types de documents, chacun son formulaire
13
fonds de couverture export-safe
0
backend, tracking ou compte requis
Système de couverture

13 fonds de couverture — dégradés, motifs géométriques peints en <canvas>, semis organiques — chacun avec sa propre composition de formes décoratives, pour un rendu identique à l’écran et dans le PDF final.
Une image de couverture uploadée peut être recolorée en duotone avec les couleurs du thème actif plutôt que de rester dans ses teintes d’origine.
Sept types de documents (Application, Projet, Devis, Facture, Patch, Compte-rendu, Proposition), chacun avec ses propres champs et sa propre mise en page de contenu.

PDF Recap Tool — styles de couverture
PDF Recap Tool — styles de couverture
Rien ne se perd

« Mes documents » enregistre un document entier pour le reprendre ou le dupliquer plus tard ; un carnet de contacts réutilise un nom sur les champs « Préparé par » sans le retaper ; des presets de marque (thème + police + couverture) se réappliquent en un clic.
Tout est stocké en localStorage, rien ne quitte le navigateur — pertinent dès qu’on manipule des devis ou des comptes-rendus commercialement sensibles.

PDF Recap Tool — style Blueprint
PDF Recap Tool — style Blueprint
PDF Recap Tool — timeline, citation et checklist. Timeline, citation et checklist — blocs de contenu réutilisables, rendu réel.
Timeline, citation et checklist — blocs de contenu réutilisables, rendu réel.
Bugs corrigés en route
FIXÉhtml2canvas ignore silencieusement les dégradés carrelés et les transform → motifs redessinés en canvas, positions recalculées en calc()
FIXÉRendu SVG imbriqué peu fiable à l’export pour les graphiques radar → repeints en bitmap
Ce que je documente aussi
  • Un pipeline d’export capricieux à dompter

    Le rendu capturé pour l’export passe par html2canvas, qui a ses propres limites — documentées une à une dans le journal de bugs ci-dessus plutôt que balayées sous le tapis.

  • Lisible via le code source

    Comme tout fichier HTML/JS ouvert dans un navigateur, ce code reste consultable — seule une architecture serveur changerait ça, au prix du zéro-backend qui fait l’intérêt de l’outil.