Aller au contenu
Antoine Boucher

jsonresume-theme-kendall : D’un document JSON au modèle de CV

Ce fork du thème Kendall JSON Resume transforme un CV structuré en HTML. Le moteur prépare les champs de présentation, puis utilise un modèle Mustache avec les styles écran et impression.

Bibliothèque Fork
  • Mis à jour
  • JavaScript · 55.76%
  • MIT
Crédit amont
Code source README
Langages du dépôtJavaScript 55.76%2

Parts calculées à partir des octets GitHub Linguist.

Langage%Octets
JavaScript55.76%8 126
CSS44.24%6 448

GitHub · README · Statistiques de langages

Aperçu

Pourquoi il existe

Thème CV minimaliste parfait pour l'impression avec balisage sémantique schema.org.

Cas d’usage

Génération automatique de CV à partir de fichiers JSON structurés.

Démarrage

Ces commandes viennent de la documentation du dépôt. Elles n’ont pas été exécutées pendant cette revue.

README.md · Install the command line 
sudo npm install -g resume-cli
README.md · Install npm packages 
sudo npm install
README.md · Serve theme 
resume serve --theme .
README.md · Serve theme 
Preview: http://localhost:4000
Press ctrl-c to stop
Commandes déclarées dans les manifestes

package.json

test
echo "Error: no test specified" && exit 1

Références du dépôt

Extraits des guides du dépôt, dans leur langue d’origine. Les liens ouvrent la version du code consultée.

Prérequis et premier essai

Install the command line

README.md

We’re going to use the official resume-cli to run our development server. Go ahead and install it:
Lire les instructions complètes ↗

Install npm packages

README.md

We need to install the dependencies. cd into the theme folder we just downloaded and run: This will read the local package.json and install the packages listed under dependencies.
Lire les instructions complètes ↗
Configuration et utilisation

Usage

README.md

To first get started with this JSONResume theme, you’ll need to have the JSONResume CLI installed. If you haven’t already install it with npm install -g resume-cli. If this doesn’t work, try sudo npm install -g resume-cli. After this, you can get your resume.json ready by typing resume init. After hitting enter, your resume will be initialized and you can edit it and fill in the neccessary fields. Check out the official resume-schema repository for more information on filling these fields. When you are finished with your resume, you may test it by yet again opening the command line and typing resume serve –theme kendall to see how it looks with this theme. You can replace the word kendall with other theme names too.
Lire les instructions complètes ↗
Documentation source

1 documents lus parmi 1 candidats.

Fonctions et composants 2

Préparation des données
index.js associe les réseaux aux icônes, formate les dates et prépare les indicateurs de sections optionnelles. Il choisit aussi une image explicite ou Gravatar. Cette logique adapte les données au modèle.
Modèle et styles
resume.template contient la structure HTML; style.css et print.css distinguent écran et impression. La transformation des données et la mise en page peuvent être examinées séparément.

Architecture

Les composants et leurs liens restent lisibles en texte. Le diagramme ajoute une vue interactive.

Contexte système Contexte
  1. CV JSON
  2. Préparation dans render
  3. Modèle Mustache
  4. HTML et styles écran ou impression

Liens vérifiés dans le dépôt.

Mermaid Diagramme interactif (chargement à l’ouverture)

Vue générale des composants et des échanges vérifiés dans le dépôt.

Vue statique de l’architecture de jsonresume-theme-kendall
Aperçu statique. Le diagramme interactif le remplace après le chargement de Mermaid.
flowchart LR
  n0["CV JSON"]
  n1["Préparation dans render"]
  n2["Modèle Mustache"]
  n3["HTML et styles écran ou impression"]
  n0 --> n1
  n1 --> n2
  n2 --> n3
Version texte du diagramme
  • CV JSON → Préparation dans render
  • Préparation dans render → Modèle Mustache
  • Modèle Mustache → HTML et styles écran ou impression
Suivre un parcours dans le code

Suivez startDate vers les champs de mois et d’année. Le moteur modifie l’objet fourni; un appelant qui le réutilise doit tenir compte des données de présentation ajoutées.

Structure des fichiers

La carte montre les fichiers inspectés et leur organisation.

Référence

3 / 3 fichiers admissibles lus (9 dans l’arbre); 0 trop volumineux, 0 échec de lecture et 0 diagnostic de syntaxe.

Ce que couvre l’analyse

Les dossiers connus de dépendances et de compilation, les fichiers d’identifiants et les binaires sont exclus. La collecte couvre les README, les manifestes reconnus et les fichiers source pris en charge.

Les statistiques Linguist couvrent l’ensemble du dépôt et peuvent inclure d’autres langages.

Carte des fichiers
flowchart TD
  root["jsonresume-theme-kendall"]
  f0["index.js"]
  root --> f0
  f1["README.md"]
  root --> f1
  f2["package.json"]
  root --> f2

Fichiers à lire 3

Références