⛽ BBM-POS

BBM-POS adalah aplikasi Point of Sale (POS) sederhana berbasis web untuk mensimulasikan sistem kasir penjualan bahan bakar minyak (BBM).

Dibangun menggunakan HTML, CSS, dan JavaScript dengan tampilan sederhana, modern, dan mudah dikembangkan.

---

✨ Features

• ⛽ Pilihan jenis BBM
• 💰 Perhitungan harga otomatis
• 🧮 Perhitungan total transaksi
• 💵 Input nominal pembayaran
• 💸 Perhitungan kembalian
• 🧾 Sistem transaksi kasir
• 📋 Riwayat transaksi
• 🔄 Reset transaksi
• 📱 Responsive design
• ⚡ Tanpa database dan backend

---

🛢️ Jenis BBM

Produk	Keterangan
Pertalite	BBM Bensin
Pertamax	BBM Bensin
Pertamax Turbo	BBM Performa Tinggi
Solar	BBM Diesel
Dexlite	BBM Diesel

Harga BBM dapat disesuaikan melalui source code.

---

🛠️ Technologies

Project ini dibuat menggunakan:

• HTML5
• CSS3
• JavaScript

Tidak menggunakan framework atau library eksternal.

---

📂 Project Structure

BBM-POS/
│
├── index.html
├── style.css
├── script.js
└── README.md

index.html

Berisi struktur utama aplikasi POS.

style.css

Berisi seluruh styling dan tampilan aplikasi.

script.js

Menangani logika aplikasi seperti:

• Pemilihan BBM
• Perhitungan harga
• Perhitungan total
• Pembayaran
• Kembalian
• Transaksi
• Riwayat transaksi

---

🚀 How to Run

Clone Repository

git clone https://github.com/RobsHs/BBM-POS.git

Masuk ke Folder

cd BBM-POS

Jalankan

Buka file berikut menggunakan browser:

index.html

Atau gunakan Live Server melalui VS Code.

---

🧮 Transaction Flow

Pilih BBM
    ↓
Masukkan jumlah pembelian
    ↓
Sistem menghitung total
    ↓
Masukkan pembayaran
    ↓
Sistem menghitung kembalian
    ↓
Transaksi selesai
    ↓
Transaksi masuk ke riwayat

---

🎯 Purpose

Project ini dibuat untuk mempelajari dan menerapkan:

• HTML
• CSS
• JavaScript
• DOM Manipulation
• Event Handling
• Function
• Array & Object
• Conditional Logic
• Perhitungan menggunakan JavaScript
• Pengelolaan data transaksi

---

🔮 Future Development

• Login Admin / Kasir
• Dashboard penjualan
• Database transaksi
• Export laporan Excel
• Cetak struk
• Thermal printer support
• Grafik penjualan
• Filter transaksi berdasarkan tanggal
• Manajemen harga BBM
• Manajemen stok
• Dark mode
• Backup & restore data
• Firebase
• Multi-user system

---

📄 License

Project ini dibuat untuk tujuan pembelajaran dan pengembangan.

Bebas digunakan sebagai referensi untuk mempelajari pembuatan aplikasi Point of Sale menggunakan HTML, CSS, dan JavaScript.