Online-Resume Svelte Themes

Online Resume

👨‍💼 My dynamic, customizable online resume suitable for all supports.

👨‍💼 Online Resume

In French

[!IMPORTANT] Depuis mars 2026, le code du projet est désormais hébergé sur mon instance GitLab personnalisée, accessible à cette adresse. Le dépôt GitHub est un miroir du dépôt GitLab, mis à jour automatiquement.

Les contributions publiques restent sur GitHub et sont les bienvenues ; les pull requests validées y seront ensuite transférées manuellement sur GitLab pour être intégrées. 🙂

Introduction

En poste en entreprise depuis un peu plus d'un an, j'ai souhaité actualiser mon curriculum vitae (CV) afin d'y intégrer les compétences, expériences et informations acquises récemment. Plutôt que de mettre à jour mon diaporama PowerPoint habituel qui me sert de CV, j'ai eu l'idée de créer un site Internet faisant office de CV en ligne. Réalisé en quelques jours grâce au framework Svelte ✨, ce projet, sans prétention sur le plan des fonctionnalités, repose néanmoins sur trois objectifs principaux :

  1. Offrir une personnalisation rapide, même pour les personnes disposant de peu de connaissances techniques ;
  2. Garantir une lecture simple et agréable pour les recruteurs ou tout autre visiteur ;
  3. Proposer un site dynamique, capable de s'adapter à différents supports (ordinateur, mobile, export en PDF, etc.).

Le premier objectif a été atteint grâce à l'utilisation d'un fichier JSON, qui permet de modifier facilement l'ensemble des contenus sans toucher au code source. Le deuxième est rempli à travers une mise en page épurée, inspirée des CV traditionnels réalisés réalisé sous Word ou Figma. Enfin, le troisième a été concrétisé par l'intégration de QR codes et d'icônes, facilitant l'accès aux liens lors d'une impression ou d'une exportation en PDF, bien plus efficacement que de simples URL en texte brut.

[!NOTE] Tout ou partie du code peut contenir des commentaires dans ma langue natale (le français) afin de faciliter le développement. 🌐

Installation

[!WARNING] Le déploiement en environnement de production nécessite un serveur Web déjà configuré comme Nginx, Apache ou Caddy pour servir les fichiers statiques générés par Vite. ⚠️

Développement local

  • Installer NodeJS LTS (>20 ou plus) ;
  • Installer les dépendances du projet avec la commande npm install ;
  • Démarrer le serveur local Vite avec la commande npm run dev ;
  • Modifier le fichier src/data/default.json pour changer le contenu du site Internet en vous aidant du fichier src/data/_example.json.

Déploiement en production

  • Installer NodeJS LTS (>20 ou plus) ;
  • Installer les dépendances du projet avec la commande npm install ;
  • Modifier le fichier src/data/default.json pour changer le contenu du site Internet en vous aidant du fichier src/data/_example.json ;
  • Compiler les fichiers statiques du site Internet avec la commande npm run build ;
  • Utiliser un serveur Web pour servir les fichiers statiques générés à l'étape précédente.

In English

[!IMPORTANT] Since March 2026, the project's code has been hosted on my custom GitLab instance, available at this address. The GitHub repository is a mirror of the GitLab repository, automatically kept up to date.

Public contributions remain on GitHub and are welcome; validated pull requests will then be manually transferred to GitLab to be integrated. 🙂

Introduction

After working for a company for a little over a year, I wanted to update my resume to include recently acquired skills, experience and contact information. Instead of updating my usual PowerPoint slideshow, which serves as my resume, I came up with the idea of creating a website to act as an online resume. Completed in just a few days thanks to Svelte ✨, this project, unpretentious in terms of functionalities, is nevertheless based on three main objectives:

  1. Fast customization, even for people with little technical knowledge ;
  2. Ensure easy, pleasant reading for recruiters and other visitors ;
  3. Offer a dynamic site, capable of adapting to different media (computer, mobile, PDF export, etc.).

The first target has been achieved by using a JSON file, which makes it easy to modify all content without altering the source code. The second was fulfilled through a streamlined layout, inspired by traditional resumes created in Word or Figma. Finally, the third has been realized by integrating QR codes and icons, making links easier to access when printing or exporting to PDF, much more efficiently than simple plain-text URLs.

[!NOTE] All or part of the code may contain comments in my native language (French) to ease development. 🌐

Setup

[!WARNING] Deployment in a production environment requires a pre-configured web server such as Nginx, Apache, or Caddy to serve the static files generated by Vite. ⚠️

Local development

  • Install NodeJS LTS (>20 or higher) ;
  • Install project dependencies using npm install ;
  • Start Vite local server using npm run dev ;
  • Edit src/data/default.json to change the website content, using the src/data/_example.json file as a reference.

Production deployment

  • Install NodeJS LTS (>20 or higher) ;
  • Install project dependencies using npm install ;
  • Edit src/data/default.json to change the website content, using the src/data/_example.json file as a reference ;
  • Build static website files using npm run build ;
  • Remove development dependencies using npm prune --omit=dev ;
  • Use a web server to serve the static files generated in the previous step.

Top categories

Loading Svelte Themes