NexPOS adalah sistem manajemen penjualan (POS) berbasis web yang dirancang dengan antarmuka modern, ringan, dan responsif. Dibangun menggunakan PHP Native dan Tailwind CSS, sistem ini memberikan pengalaman pengelolaan toko yang cepat dan efisien bagi pemilik bisnis UMKM.
- ⚡ Real-time Cashier: Transaksi penjualan cepat dengan perhitungan subtotal, pajak, diskon, dan kembalian secara otomatis melalui JavaScript.
- 📦 Inventory Management: Manajemen stok barang lengkap dengan indikator stok menipis (Low Stock Alert).
- 📊 Financial Reports: Dashboard interaktif yang menampilkan omzet harian, bulanan, serta riwayat transaksi terbaru.
- 💳 Multi-payment Method: Mendukung pembayaran Tunai, QRIS, dan Debit.
- 🎨 Modern UI/UX: Desain elegan menggunakan Minimalism 2.0 dengan efek Glass-morphism dan ikon dari Phosphor Icons.
- 📂 Modular Architecture: Kode terstruktur rapi ke dalam folder
includes,pages, danmodalsuntuk memudahkan pengembangan lebih lanjut.
- Backend: PHP 8.x (Native)
- Database: MySQL (PDO Connection)
- Frontend: Tailwind CSS, Phosphor Icons, Google Fonts (Inter)
- Logic: Vanilla JavaScript (ES6+)
-
Clone atau Unduh Proyek Simpan folder proyek di direktori server lokal Anda (misalnya
htdocsuntuk XAMPP atauwwwuntuk Laragon). -
Konfigurasi Database
- Buka phpMyAdmin dan buat database baru dengan nama
pos_db. - Impor struktur tabel berikut:
-- Jalankan SQL ini untuk membuat tabel awal CREATE TABLE IF NOT EXISTS users ( id INT AUTO_INCREMENT PRIMARY KEY, username VARCHAR(50) NOT NULL, password VARCHAR(255) NOT NULL, name VARCHAR(100) ); CREATE TABLE IF NOT EXISTS products ( id INT AUTO_INCREMENT PRIMARY KEY, name VARCHAR(100) NOT NULL, price DECIMAL(15,2) NOT NULL, stock INT NOT NULL ); -- Tabel Transaksi & Detail akan otomatis dibuat saat aplikasi dijalankan
- Buka phpMyAdmin dan buat database baru dengan nama
-
Pengaturan Koneksi Buka file
includes/db.phpdan sesuaikan kredensial database Anda:$host = 'localhost'; $dbname = 'pos_db'; $db_user = 'root'; $db_pass = '';
-
Jalankan Aplikasi Akses melalui browser di
http://localhost/crud-pos/index.php.
Gunakan kredensial berikut untuk masuk pertama kali:
- Username:
admin - Password:
admin123
CRUD POS/
├── includes/ # Logika Inti (DB, Router, Sidebar)
├── modals/ # Komponen Modal (Tambah/Edit Produk)
├── pages/ # Tampilan Halaman (Dashboard, POS, Produk, Laporan)
├── index.php # File Utama (Gatekeeper)
└── README.md # Dokumentasi Proyek
