YAML2CV

️ ️ ️ Repo ini tidak akan dilanjutkan, Anda dapat menemukan penerusnya di LukaHarambasic/vue-resume-component. ️ ️ ️

YAML2CV

DEMO - Bawaan

DEMO - Perusahaan Teknologi Tinggi

---

Hal yang harus dilakukan

Apakah Anda menginginkan beberapa fitur baru? Buat masalah :)

• Impor LinkedIn
• Hasilkan halaman dan CV secara otomatis untuk setiap folder dalam konten
• Nonaktifkan coverletter pada produksi
• Peringatan luapan untuk halaman
• tambahkan bidang untuk alamat dan telepon
• tambahkan tata letak baru dengan: tingkat keahlian, garis waktu
• menambahkan daya tanggap
• jelaskan cara menambahkan informasi baru

Masalah yang diketahui

• dua elemen pendidikan/pengalaman/kesukarelaan bisa berada pada jalur yang sama jika isinya tidak cukup. Perbaikan cepat, tambahkan karakter yang tidak terlihat (bukan spasi) sebanyak-banyaknya hingga terlihat normal. Anda dapat menyalinnya dari: https://stackoverflow.com/questions/17978720/invisible-characters-ascii?answertab=votes#tab-top

---

Sesuaikan CV

1. Buka content dan edit semua file, tetapi jangan pernah menghapus file atau menghapus atribut (hapus saja konten jika Anda tidak menginginkannya):
   1. company.yml : informasi spesifik perusahaan <- harus disesuaikan untuk setiap perusahaan yang Anda lamar, digunakan untuk: surat lamaran
   2. education.yml : latar belakang pendidikan, digunakan untuk: halaman pertama pada cv
   3. experienceFirstPage.yml : pengalaman kerja, digunakan untuk: halaman pertama pada cv
   4. experienceSecondPage.yml : pengalaman kerja jika tidak ada cukup ruang di halaman pertama. Bisa juga digunakan dua acara yang berbeda seperti proyek di halaman. Jika tidak diperlukan, hapus saja segmennya, bukan filenya, yang digunakan untuk: halaman kedua di cv
   5. footer.yml : link di footer, sangat fleksibel, digunakan untuk: setiap halaman
   6. person.yml : informasi pribadi anda, digunakan untuk: coverletter, halaman pertama pada cv
   7. settings.yml : hub pusat Anda untuk mengelola sebagian besar hal yang dapat Anda lihat, semuanya dijelaskan dalam file ini, digunakan untuk: di mana saja
   8. skills.yml : semua keahlian Anda, digunakan untuk: halaman pertama di cv
   9. voluntary.yml : menyukai pendidikan dan pengalaman hanya untuk pekerjaan sukarela Anda, digunakan untuk: halaman kedua pada komponen cv components/Footer.vue pada logo Anda.
2. Jika Anda ingin melamar banyak pekerjaan/posisi berbeda, Anda harus mengikuti langkah-langkah ini:
   1. Buat folder untuk pekerjaan/posisi ini tempat Anda menyalin file yang ingin Anda sesuaikan. Dalam repositori ini terdapat contoh HighTechCompany di mana company.yml , coverletter.yml dan skills.yml dikustomisasi.
   2. Gandakan pages/index.vue di pages dan sesuaikan baris berikut agar sesuai dengan file baru Anda (di sini dari contoh 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. Setelah itu Anda dapat mengakses halaman ini dengan menambahkan nama file ke url Anda, dalam contoh ini untuk halaman HighTechCompany.vue tambahkan /HighTechCompany ke url Anda untuk mendapatkan http://localhost:3000/HighTechCompany .
   4. Jadi, Anda harus mengulangi ini untuk setiap pekerjaan/posisi.
3. Ubah warna di assets/scss/_settings.scss , terutama warna $c-primary tetapi Anda dapat mengubah apa pun yang Anda inginkan, tapi saya curiga itu akan merusak tata letak.
4. Di file yang sama Anda dapat mengubah font tetapi Anda harus menambahkan Google Font di file nuxt.config.js (ganti saja url yang Anda temukan di sana).

---

Jalankan secara lokal

1. Instal semua dependensi npm install - Anda hanya perlu melakukan ini sekali
2. Jalankan npm run dev dan buka localhost:3000

---

Hasilkan CV - diuji di Chrome Versi 71.0.3578.98 di MacOs dan Windows

1. Buka dialog cetak
2. Klik pada More settings
3. Dan pilih
   1. Ukuran kertas: A4
   2. Margin: Tidak ada
   3. Skala: 100
   4. Pilihan: (benar) Grafik latar belakang
4. Pilih Save as PDF sebagai tujuan cetak
5. Dan itu saja :)

---

Gunakan di server produksi

• Anda dapat menerapkannya melalui Netlify, akun gratis sudah cukup dan Anda dapat menambahkan domain Anda sendiri jika mau
• Semuanya bersifat publik dan dapat dilihat, jadi berhati-hatilah dengan data yang ada di content
• Surat Pengantar tidak dioptimalkan untuk Perangkat Seluler

Jalankan di server

1. npm run build
2. npm run start

Jalankan di buruh pelabuhan

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

Memeriksa buruh pelabuhan

1. pindah ke wadah
   1. docker exec -it yaml2cv bash
   2. pm2 monit
   3. pm2 list
   4. pm2 stop app
   5. pm2 restart app

Hasilkan HTML statis

1. npm run generate
2. Salin file dari folder dist ke server web Anda

Konsep Teknis

• Konten harus dikelola per halaman, sehingga dapat dengan mudah dikustomisasi secara terpusat
• Tidak ada properti kompleks seperti objek, hanya primitif. Jika suatu objek diperlukan, properti memiliki validator khusus untuk memeriksa apakah kunci yang diharapkan ada

Teknologi

Proyek ini menggunakan Vue.js di Nuxt.js.