Skip to content

README.md

Latest commit

 

History

History
73 lines (48 loc) · 2.31 KB

README.md

File metadata and controls

73 lines (48 loc) · 2.31 KB
Raw

📦 Web Pencari Barcode

Web ini adalah aplikasi sederhana untuk mencari informasi barang berdasarkan PLU (Product Lookup Unit) atau Barcode. Selain itu, pengguna juga dapat menambahkan saran barang yang akan dikirimkan ke email admin menggunakan FormSubmit.

🚀 Cara Menggunakan

🔍 Mencari Barang

  1. Masukkan PLU atau Barcode barang di kolom pencarian.
  2. Klik tombol "Cari".
  3. Jika barang ditemukan, akan ditampilkan Nama Barang dan Barcode dalam bentuk kode batang.
  4. Jika barang tidak ditemukan, akan muncul pesan "Barang tidak ditemukan!".

📝 Menambahkan Saran Barang

  1. Isi formulir dengan PLU, Nama Barang, dan Barcode.
  2. Klik tombol "Kirim Saran".
  3. Data akan dikirim ke email admin menggunakan FormSubmit.

🛠 Teknologi yang Digunakan

  • HTML, CSS, JavaScript untuk tampilan dan interaksi pengguna.
  • JsBarcode untuk menampilkan barcode dalam bentuk kode batang.
  • FormSubmit untuk mengirim saran barang ke email admin.
  • GitHub Pages untuk hosting web secara gratis.

📂 Struktur File

📁 Proyek-Pencarian-Barang
│── 📄 index.html        # Halaman utama
│── 📄 style.css         # Gaya tampilan minimalis
│── 📄 script.js         # Logika pencarian barang
│── 📄 data.json         # Database barang dalam format JSON
│── 📄 README.md         # Dokumentasi proyek ini

🔧 Cara Menjalankan Web Ini

  1. Download atau Clone Repository: 
    git clone https://github.com/username/proyek-pencarian-barang.git
  2. Buka index.html di browser atau gunakan Live Server di VS Code.
  3. Untuk hosting di GitHub Pages:
    • Commit dan push ke repository GitHub.
    • Masuk ke Settings → Pages → Source, pilih branch yang berisi index.html.
    • Web bisa diakses di https://username.github.io/proyek-pencarian-barang/.

Dukung Proyek Ini

Jika kamu merasa website ini bermanfaat, kamu bisa mendukung pengembang dengan mentraktir kopi di Trakteer:

https://trakteer.id/yunggi_alyana/tip

📧 Kontak & Kontribusi

Jika ingin berkontribusi, silakan buat Pull Request atau hubungi admin melalui email yunggialyana123@gmail.com.

💡 Terima kasih telah menggunakan web ini! Semoga bermanfaat. 🚀