YAML2CV

️ ️ ️ Este repositório não terá continuidade, você pode encontrar o sucessor em LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

DEMO - Padrão

DEMO - Empresa de Alta Tecnologia

---

Tarefas

Você quer alguns novos recursos? Crie um problema :)

• Importação do LinkedIn
• Gere páginas e currículos automaticamente para cada pasta de conteúdo
• Desativar a capa na produção
• Aviso de estouro para páginas
• adicionar campo para endereço e telefone
• adicione novo layout com: nível de habilidade, linha do tempo
• adicionar capacidade de resposta
• explicar como adicionar novas informações

Problemas conhecidos

• dois elementos de educação/experiência/voluntário podem estar na mesma linha se não houver conteúdo suficiente. Correção rápida, adicione quantos caracteres invisíveis (não espaços) até que pareça normal. Você pode copiá-lo em: https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

Personalize o currículo

1. Vá para content e edite todos os arquivos, mas nunca exclua arquivos ou exclua atributos (apenas exclua o conteúdo se não quiser):
   1. company.yml : informações específicas da empresa <- devem ser personalizadas para cada empresa que você se inscrever, usadas para: carta de apresentação
   2. education.yml : formação educacional, usado para: primeira página no cv
   3. experienceFirstPage.yml : experiências de trabalho, usadas para: primeira página no cv
   4. experienceSecondPage.yml : experiências de trabalho se não houver espaço suficiente na primeira página. Também podem ser usados ​​dois para mostrar algo diferente, como projetos na página. Se não precisar basta deletar os segmentos, mas não o arquivo, usado para: secondpage no cv
   5. footer.yml : links no rodapé, é muito flexível, usado para: cada página
   6. person.yml : suas informações pessoais, usadas para: carta de apresentação, primeira página do cv
   7. settings.yml : seu hub central para gerenciar a maior parte das coisas que você pode ver, tudo é explicado neste arquivo, usado para: em todos os lugares
   8. skills.yml : todas as suas habilidades, usadas para: primeira página no cv
   9. voluntary.yml : como educação e experiência apenas para seu trabalho voluntário, usado para: segunda página em cv components/Footer.vue para seu logotipo.
2. Se você quiser se candidatar a muitos empregos/posições diferentes, você deve seguir estas etapas:
   1. Crie uma pasta para este cargo/posição onde você copia os arquivos que deseja personalizar. Neste repositório existe o exemplo HighTechCompany onde os company.yml , coverletter.yml e skills.yml são customizados.
   2. Duplique o pages/index.vue nas pages e personalize as seguintes linhas para corresponder aos seus novos arquivos (aqui no exemplo 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. Depois disso, você pode acessar esta página adicionando o nome do arquivo ao seu URL, neste exemplo para a página HighTechCompany.vue adicione /HighTechCompany ao seu URL para obter http://localhost:3000/HighTechCompany .
   4. Então você tem que repetir isso para cada emprego/posição.
3. Altere as cores em assets/scss/_settings.scss , principalmente a cor $c-primary mas você pode alterar tudo o que quiser, mas suspeito que isso destruirá o layout.
4. No mesmo arquivo você pode alterar a fonte, mas terá que adicionar a fonte do Google no arquivo nuxt.config.js (basta substituir o URL que você encontra lá).

---

Execute localmente

1. Instale todas as dependências npm install - você só precisa fazer isso uma vez
2. Execute npm run dev e vá para localhost:3000

---

Gerar CV - testado no Chrome versão 71.0.3578.98 em MacOs e Windows

1. Abra a caixa de diálogo de impressão
2. Clique em More settings
3. E selecione
   1. Tamanho do papel: A4
   2. Margens: Nenhuma
   3. Escala: 100
   4. Opções: (verdadeiro) Gráficos de fundo
4. Selecione Save as PDF como destino de impressão
5. E é isso :)

---

Use-o no servidor de produção

• Você pode implantá-lo via Netlify, uma conta gratuita é suficiente e você pode adicionar seu próprio domínio se quiser
• Tudo será público e poderá ser visto, então tome cuidado com os dados que estão no content
• A Coverlette não está otimizada para dispositivos móveis

Execute em um servidor

1. npm run build
2. npm run start

Execute na janela de encaixe

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

Verificando na janela de encaixe

1. vá para o contêiner
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

Gerar HTML estático

1. npm run generate
2. Copie os arquivos da pasta dist para o seu servidor web

Conceitos Técnicos

• O conteúdo deve ser gerenciado por página, para que possa ser facilmente personalizado de forma centralizada
• Nenhuma propriedade complexa como objetos, apenas primitivas. Se um objeto for necessário, a propriedade possui um validador personalizado para verificar se as chaves esperadas existem

Tecnologia

Este projeto usa Vue.js em Nuxt.js.