YAML2CV

️ ️ ️ Este repositorio no continuará; puede encontrar el sucesor en LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

DEMOSTRACIÓN - Predeterminado

DEMO - Empresa de alta tecnología

---

Tareas pendientes

¿Quieres algunas características nuevas? Crea un problema :)

• Importación de LinkedIn
• Genere páginas y CV automáticamente para cada carpeta de contenido
• Deshabilitar la carta de presentación en producción
• Advertencia de desbordamiento de páginas
• agregar campo para dirección y teléfono
• agregar nuevo diseño con: nivel de habilidad, línea de tiempo
• agregar capacidad de respuesta
• explicar cómo agregar nueva información

Problemas conocidos

• Dos elementos de educación/experiencia/voluntariado podrían estar en la misma línea si no hay suficiente contenido. Solución rápida: agregue tantos caracteres invisibles (no espacios) hasta que parezca normal. Puedes copiarlo desde: https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

Personaliza el CV

1. Vaya al content y edite todos los archivos, pero nunca elimine archivos ni elimine atributos (simplemente elimine el contenido si no los desea):
   1. company.yml : información específica de la empresa <- debe personalizarse para cada empresa a la que postule, utilizada para: carta de presentación
   2. education.yml : formación académica, utilizado para: primera página del cv
   3. experienceFirstPage.yml : experiencias laborales, utilizado para: primera página en cv
   4. experienceSecondPage.yml : experiencias laborales si no hay suficiente espacio en la primera página. También se podrían usar dos para mostrar algo diferente, como proyectos en la página. Si no lo necesita, simplemente elimine los segmentos, pero no el archivo, usado para: segunda página en cv
   5. footer.yml : enlaces en el pie de página, es muy flexible, se utiliza para: cada página
   6. person.yml : su información personal, utilizada para: carta de presentación, primera página del cv
   7. settings.yml : su centro central para administrar la mayoría de las cosas que puede ver, todo se explica en este archivo, usado para: en todas partes
   8. skills.yml : todas tus habilidades, utilizado para: primera página del cv
   9. voluntary.yml : como educación y experiencia solo para su trabajo voluntario, usado para: segunda página en components/Footer.vue de su logotipo.
2. Si desea postularse para muchos trabajos/puestos diferentes, debe seguir estos pasos:
   1. Cree una carpeta para este trabajo/puesto donde copie los archivos que desea personalizar. En este repositorio está el ejemplo HighTechCompany donde se personalizan company.yml , coverletter.yml y skills.yml .
   2. Duplique las pages/index.vue en pages y personalice las siguientes líneas para que coincidan con sus nuevos archivos (aquí del ejemplo de 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. Después de eso, puede acceder a esta página agregando el nombre del archivo a su URL; en este ejemplo, para la página HighTechCompany.vue agregue /HighTechCompany a su URL para obtener http://localhost:3000/HighTechCompany .
   4. Entonces tienes que repetir esto para cada trabajo/puesto.
3. Cambia los colores en assets/scss/_settings.scss , principalmente el color $c-primary pero puedes cambiar todo lo que quieras, pero sospecho que destruirá el diseño.
4. En el mismo archivo puede cambiar la fuente, pero luego debe agregar la fuente de Google en el archivo nuxt.config.js (simplemente reemplace la URL que encuentre allí).

---

Ejecutar localmente

1. Instale todas las dependencias npm install ; solo tiene que hacerlo una vez
2. Ejecute npm run dev y vaya a localhost:3000

---

Generar CV: probado en Chrome versión 71.0.3578.98 en MacOs y Windows

1. Abrir el cuadro de diálogo de impresión
2. Haga clic en More settings
3. Y seleccione
   1. Tamaño del papel: A4
   2. Márgenes: Ninguno
   3. Escala: 100
   4. Opciones: (verdadero) Gráficos de fondo
4. Seleccione Save as PDF como destino de impresión
5. Y eso es todo :)

---

Úselo en el servidor de producción.

• Puedes implementarlo a través de Netlify, una cuenta gratuita es suficiente y puedes agregar tu propio dominio si quieres
• Todo será público y se podrá ver, así que cuidado con los datos que hay en content
• La carta de presentación no está optimizada para dispositivos móviles

Ejecutar en un servidor

1. npm run build
2. npm run start

Ejecutar en la ventana acoplable

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

Comprobando en la ventana acoplable

1. pasar al contenedor
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

Generar HTML estático

1. npm run generate
2. Copie los archivos de la carpeta dist a su servidor web

Conceptos técnicos

• El contenido debe administrarse por página, para que pueda personalizarse fácilmente de forma centralizada.
• No hay propiedades complejas como los objetos, solo primitivas. Si se requiere un objeto, la propiedad tiene un validador personalizado para verificar si existen las claves esperadas.

Tecnología

Este proyecto utiliza Vue.js en Nuxt.js.