Skip to content

dayattt111/QR-code

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

14 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation


QR Code Generator dengan Logo ✨

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.


Fitur Utama πŸš€

  • 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.

Tech Stack πŸ› οΈ

  • 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.

Struktur Folder πŸ“

/qr-code-generator
β”œβ”€β”€ index.html    # File utama HTML
β”œβ”€β”€ style.css     # File styling CSS
└── script.js     # File logika JavaScript

Instalasi & Penggunaan Lokal ⚑

Tidak perlu instalasi rumit. Ikuti langkah berikut:

  1. Clone repositori:

    git clone https://github.com/dayattt111/QR-code.git
  2. Buka file index.html: Masuk ke folder proyek dan buka index.html langsung di browser (Chrome, Firefox, dll).


Cara Menggunakan πŸ“

  1. Masukkan URL yang ingin dijadikan QR code.
  2. Pilih Logo (Opsional) dengan klik tombol Pilih Logo.
  3. Klik Generate QR Code.
  4. QR code akan muncul di bawah form, lalu klik Download QR Code untuk menyimpannya.

Deploy πŸš€

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.



About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •