Aucune donnée ne quitte le navigateur
L'application n'a pas de serveur. Les versions du CV sont enregistrées dans le navigateur, et l'export JSON permet de les sauvegarder ou de les déplacer vers un autre appareil.
Étude de cas
CV CREATOR PRO
Un générateur de CV gratuit et sans inscription : 22 modèles, aperçu en temps réel et export en PDF ou Word, avec des données qui restent dans le navigateur.
Les captures utilisent le CV d'exemple intégré à l'application, accessible par « Remplir un exemple ».
LE DÉFI
Je voulais un générateur de CV simple, gratuit et respectueux de la vie privée : pas de compte, pas de serveur, et un résultat propre à envoyer à un recruteur.
Le défi technique : proposer 22 mises en page différentes à partir des mêmes données, et les exporter correctement, en PDF (impression A4 ou texte lisible par les logiciels de recrutement) comme en Word.
CE QUE FAIT L'APPLICATION
- 22 modèles (classique, créatif, ATS, médical, juridique, étudiant, freelance…) avec aperçu en temps réel.
- Assistant de départ : dix profils métier qui règlent le modèle, les sections et les exemples.
- Formulaire par sections : profil, expériences, formation, compétences, langues, projets et certifications.
- Photo avec recadrage, et indicateur de complétion du CV.
- Réorganisation des sections par glisser-déposer.
- Plusieurs versions du CV, par exemple une par poste visé, enregistrées dans le navigateur.
- Export en PDF à imprimer (A4), en PDF « ATS » à texte sélectionnable, ou en DOCX modifiable.
- Sauvegarde et import des versions en JSON, thème clair ou sombre, interface adaptée au mobile.
DÉCISIONS TECHNIQUES
Un modèle, un composant chargé à la demande
Les 22 modèles reçoivent les mêmes données et sont déclarés dans un registre en chargement différé. Ajouter un modèle revient à écrire un composant et une ligne de registre, sans alourdir le chargement initial.
Trois exports pour trois usages
L'impression A4 donne la meilleure fidélité visuelle. Le PDF « ATS » est construit en texte avec jsPDF, avec liens cliquables, pour les logiciels de tri de candidatures. Le DOCX est généré avec la bibliothèque docx, chargée seulement au moment de l'export.
Des données relues avec prudence
Au chargement, chaque version enregistrée est normalisée : champs manquants, anciens formats ou fichier importé incomplet ne font pas planter l'application.
L'ordre des sections est une donnée
Chaque version mémorise l'ordre de ses sections, que tous les modèles respectent. Le glisser-déposer fonctionne donc avec n'importe quel modèle.
APERÇU
ARCHITECTURE
- 01InterfaceReact et TypeScript, avec une page d'accueil et un éditeur.
- 02ÉtatVersions du CV dans le navigateur, normalisées à la lecture.
- 03Modèles22 composants chargés à la demande via un registre.
- 04ExportImpression A4, PDF texte avec jsPDF, Word avec docx.
QUALITÉ ET MISE EN LIGNE
- TypeScript et ESLint sur l'ensemble du code.
- Chargement différé des modèles et de la bibliothèque Word pour garder un démarrage rapide.
- Configuration Vercel avec repli sur index.html pour le routage côté navigateur.
Suite