Berikut adalah proses pembuatan aplikasi web pembuat CV/resume (CV Builder) yang dilakukan oleh gen.AI DeepSeek. kita cukup menuliskan prompt untuk fitur-fitur yang diinginkan pada aplikasi tersebut.
Prompt yang kita tulis adalah:
Buatkan aplikasi web Pembuat CV/Resume dengan spesifikasi:
1. **Frontend**: HTML5, CSS3 (Bootstrap 5), JavaScript vanilla
2. **Fitur Input**:
- Data pribadi (nama, kontak, foto, dll)
- Pengalaman kerja (bisa tambah/hapus dinamis)
- Pendidikan (bisa tambah/hapus dinamis)
- Skill (tag dengan input dinamis)
- Portfolio/proyek
3. **Preview CV**: Live preview yang terupdate otomatis
4. **Ekspor ke PDF**: Menggunakan jsPDF atau html2pdf.js
5. **Tanpa Backend/DBMS**:
- Semua data disimpan di localStorage
- Fitur import/export data sebagai file JSON
6. **Template CV**: Minimal 3 pilihan template yang bisa diganti
7. **Responsif** untuk desktop & mobile
Fitur Aplikasi:
-
Frontend: HTML5, CSS3 dengan Bootstrap 5, dan JavaScript vanilla
-
Fitur Input:
-
Data pribadi lengkap dengan unggah foto
-
Pengalaman kerja dinamis (tambah/hapus)
-
Pendidikan dinamis (tambah/hapus)
-
Skill dengan sistem tag
-
Portfolio/proyek dinamis
-
-
Preview CV: Live preview yang langsung terupdate saat data diubah
-
Ekspor ke PDF: Menggunakan jsPDF dan html2canvas
-
Tanpa Backend:
-
Semua data disimpan di localStorage browser
-
Fitur import/export data sebagai file JSON
-
-
Template CV: Tersedia 3 template (Modern, Classic, Minimalist)
-
Responsif: Tampilan optimal untuk desktop dan mobile
Cara Menggunakan:
-
Buka file HTML di browser modern
-
Isi data pribadi Anda di panel kiri
-
Tambahkan pengalaman kerja, pendidikan, skill, dan proyek sesuai kebutuhan
-
Pilih template CV yang diinginkan
-
Lihat preview CV di panel kanan
-
Simpan data ke localStorage atau ekspor sebagai file JSON
-
Ekspor CV ke PDF dengan tombol "Ekspor PDF"
Aplikasi ini bekerja sepenuhnya di browser tanpa memerlukan koneksi internet setelah pertama kali dimuat. Semua data disimpan secara lokal di browser pengguna.
Contoh Hasilnya : https://parewa.my.id/cvitae