Aplikasi web sederhana yang memungkinkan pengguna membuat QR code dari sebuah link dan menyisipkan logo kustom di tengahnya. Proyek ini dibuat sepenuhnya menggunakan HTML, CSS, dan JavaScript murni (vanilla JS), tanpa framework atau backend yang rumit.
- Generate QR dari URL β Ubah link apa pun menjadi QR code secara instan.
- Kustomisasi dengan Logo β Unggah gambar (JPG, PNG, SVG) untuk ditampilkan di tengah QR code.
- Desain Responsif β Tampilan yang baik di berbagai perangkat, dari desktop hingga mobile.
- Download QR Code β Unduh QR code yang sudah dibuat dalam format PNG.
- Tanpa Backend β Sepenuhnya berjalan di sisi klien (browser), cepat dan mudah di-deploy.
- HTML5 β Struktur dasar halaman web.
- CSS3 β Styling, tampilan menarik, dan responsif.
- JavaScript (ES6+) β Logika utama aplikasi (input & generate QR).
- qr-code-styling β Library powerful untuk membuat dan mendesain QR code.
/qr-code-generator
βββ index.html # File utama HTML
βββ style.css # File styling CSS
βββ script.js # File logika JavaScript
Tidak perlu instalasi rumit. Ikuti langkah berikut:
-
Clone repositori:
git clone https://github.com/dayattt111/QR-code.git
-
Buka file
index.html: Masuk ke folder proyek dan bukaindex.htmllangsung di browser (Chrome, Firefox, dll).
- Masukkan URL yang ingin dijadikan QR code.
- Pilih Logo (Opsional) dengan klik tombol Pilih Logo.
- Klik Generate QR Code.
- QR code akan muncul di bawah form, lalu klik Download QR Code untuk menyimpannya.
Karena proyek ini adalah static site, Anda bisa men-deploy dengan mudah di layanan hosting gratis berikut:
Cukup hubungkan repositori GitHub Anda, dan website akan otomatis online.