# 🛍️ Warung Pinky: Aplikasi Warung Belanja Online Aplikasi...

Prompt

# 🛍️ Warung Pinky: Aplikasi Warung Belanja Online Aplikasinya ada dalam **satu file HTML**. Cukup simpan, lalu buka di browser. Tidak perlu instal apa pun. ## Cara Menjalankan 1. Salin semua kode di bawah. 2. Simpan sebagai **`index.html`**. 3. Buka file itu dengan browser (Chrome, Edge, atau Firefox). **Akun demo:** | Role | Username | Password | |---|---|---| | Admin | `admin` | `admin123` | | Pelanggan | `user` | `user123` | ## ✨ Fitur **🔐 Login dan akun** - Tab Masuk dan Daftar. Akun baru yang didaftarkan otomatis menjadi pelanggan. - **Loading screen** dengan spinner pink dan progress bar muncul saat login, logout, dan checkout. - Status login tetap tersimpan, jadi setelah halaman di-refresh kamu tidak perlu login lagi. **🛒 Pelanggan** - Produk bisa difilter per **kategori**: Makanan, Minuman, Snack, Sembako, dan Kebutuhan Rumah. - Pencarian produk. - Keranjang dari samping (drawer): jumlah barang bisa ditambah atau dikurangi, dan stok selalu dicek. - Checkout dengan alamat dan metode pembayaran (COD, Transfer, atau E-Wallet). - Riwayat pesanan beserta statusnya. Pesanan yang masih "Menunggu" bisa dibatalkan. **👑 Admin** - **Dashboard:** total produk, jumlah pesanan, pendapatan, pelanggan, dan peringatan stok menipis. - **Produk:** tambah, edit, dan hapus produk. Gambar bisa berupa emoji atau URL. - **Kategori:** tambah dan hapus kategori. Kategori yang masih dipakai produk tidak bisa dihapus. - **Pesanan:** ubah status (Menunggu → Diproses → Dikirim → Selesai, atau Dibatalkan). Kalau pesanan dibatalkan, stok otomatis dikembalikan. - **Pelanggan:** daftar pelanggan beserta total belanjanya. **🎨 Desain:** tema hitam dengan aksen pink, tampilan bersih, dan responsif di HP maupun desktop. ## ⚠️ Catatan Semua data (akun, produk, pesanan) disimpan di **localStorage browser**. Artinya data hanya ada di perangkat itu, dan password tersimpan tanpa enkripsi. Ini cocok untuk tugas, demo, atau prototipe. Kalau aplikasinya mau dipakai online sungguhan, kamu perlu **backend dan database** (misalnya Laravel/PHP + MySQL, Node.js + MongoDB, atau Firebase), ubah aplikasinya ke versi backend (misalnya PHP + MySQL) atau menambah fitur seperti upload gambar, kode promo, atau cetak struk.