YAML2CV

️ ️ ️ Ce Repo ne sera pas continué, vous pouvez trouver le successeur sur LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

DÉMO - Par défaut

DEMO - Entreprise de haute technologie

---

Tâches

Vous souhaitez de nouvelles fonctionnalités ? Créer un problème :)

• Importation LinkedIn
• Générez automatiquement des pages et des CV pour chaque dossier de contenu
• Désactiver la lettre de motivation en production
• Avertissement de débordement de pages
• ajouter un champ pour l'adresse et le téléphone
• ajouter une nouvelle mise en page avec : niveau de compétence, chronologie
• ajouter de la réactivité
• expliquer comment ajouter de nouvelles informations

Problèmes connus

• deux éléments d'éducation/expérience/volontariat pourraient être sur la même ligne s'il n'y a pas suffisamment de contenu. Solution rapide, ajoutez autant de caractères invisibles (pas d'espaces) jusqu'à ce que cela semble normal. Vous pouvez le copier depuis : https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

Personnaliser le CV

1. Accédez au content et modifiez tous les fichiers, mais ne supprimez jamais de fichiers ni d'attributs (supprimez simplement le contenu si vous ne le souhaitez pas) :
   1. company.yml : informations spécifiques à l'entreprise <- doivent être personnalisées pour chaque entreprise à laquelle vous postulez, utilisées pour : lettre de motivation
   2. education.yml : formation, utilisé pour : première page du cv
   3. experienceFirstPage.yml : expériences professionnelles, utilisé pour : première page sur cv
   4. experienceSecondPage.yml : expériences de travail s'il n'y a pas assez d'espace sur la première page. Pourrait également être utilisé pour afficher quelque chose de différent, comme des projets sur la page. Si vous n'en avez pas besoin, supprimez simplement les segments, mais pas le fichier, utilisé pour : deuxième page du cv
   5. footer.yml : liens en pied de page, est très flexible, utilisé pour : chaque page
   6. person.yml : vos informations personnelles, utilisées pour : lettre de motivation, première page du cv
   7. settings.yml : votre hub central pour gérer la plupart des choses que vous pouvez voir, tout est expliqué dans ce fichier, utilisé pour : partout
   8. skills.yml : toutes vos compétences, utilisé pour : première page du cv
   9. voluntary.yml : comme l'éducation et l'expérience juste pour votre travail bénévole, utilisé pour : la deuxième page sur components/Footer.vue de votre logo.
2. Si vous souhaitez postuler à de nombreux emplois/postes différents, vous devez suivre ces étapes :
   1. Créez un dossier pour ce travail/poste dans lequel vous copiez les fichiers que vous souhaitez personnaliser. Dans ce référentiel, il y a l'exemple HighTechCompany où les company.yml , coverletter.yml et skills.yml sont personnalisés.
   2. Dupliquez le pages/index.vue dans pages et personnalisez les lignes suivantes pour qu'elles correspondent à vos nouveaux fichiers (ici à partir de l'exemple HighTechCompany) :

        import settings from '~/content/settings.yml'
        import coverletter from '~/content/HighTechCompany/coverletter.yml' //CUSTOMIZED
        import company from '~/content/HighTechCompany/company.yml' //CUSTOMIZED
        import person from '~/content/person.yml'
        import experienceFirstPage from '~/content/experienceFirstPage.yml'
        import experienceSecondPage from '~/content/experienceSecondPage.yml'
        import education from '~/content/education.yml'
        import skills from '~/content/HighTechCompany/skills.yml' //CUSTOMIZED
        import voluntary from '~/content/voluntary.yml'
        import footer from '~/content/footer.yml'
      

   3. Après cela, vous pouvez accéder à cette page en ajoutant le nom du fichier à votre URL, dans cet exemple pour la page HighTechCompany.vue ajoutez /HighTechCompany à votre URL pour obtenir http://localhost:3000/HighTechCompany .
   4. Vous devez donc répéter ceci pour chaque emploi/poste.
3. Modifiez les couleurs dans assets/scss/_settings.scss , principalement la couleur $c-primary mais vous pouvez changer tout ce que vous voulez, mais je soupçonne que cela détruira la mise en page.
4. Dans le même fichier, vous pouvez changer la police mais vous devez ensuite ajouter la police Google dans le fichier nuxt.config.js (remplacez simplement l'url que vous y trouvez).

---

Exécuter localement

1. Installez toutes les dépendances npm install - vous ne devez le faire qu'une seule fois
2. Exécutez npm run dev et accédez à localhost:3000

---

Générer un CV - testé dans Chrome version 71.0.3578.98 sur MacOs et Windows

1. Ouvrir la boîte de dialogue d'impression
2. Cliquez sur More settings
3. Et sélectionnez
   1. Format du papier : A4
   2. Marges : Aucune
   3. Échelle : 100
   4. Options : (vrai) Graphiques d'arrière-plan
4. Sélectionnez Save as PDF comme destination d'impression
5. Et c'est tout :)

---

Utilisez-le sur le serveur de production

• Vous pouvez le déployer via Netlify, un compte gratuit suffit et vous pouvez ajouter votre propre domaine si vous le souhaitez
• Tout sera public et pourra être vu, alors faites attention aux données contenues dans content
• La lettre de motivation n'est pas optimisée pour les appareils mobiles

Exécuter sur un serveur

1. npm run build
2. npm run start

Exécuter sur Docker

1. $ docker build -t yaml2cv --build-arg NODE_ENV=production .
2. $ docker-compose up -d

Vérification sur Docker

1. déplacer vers le conteneur
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

Générer du HTML statique

1. npm run generate
2. Copiez les fichiers du dossier dist sur votre serveur Web

Concepts techniques

• Le contenu doit être géré par page, afin qu'il puisse être facilement personnalisé de manière centralisée
• Pas de propriétés complexes comme les objets, juste des primitives. Si un objet est requis, la propriété dispose d'un validateur personnalisé pour vérifier si les clés attendues existent

Technologie

Ce projet utilise Vue.js dans Nuxt.js.