Projects
E-Commerce Funriture Shop
Fullstack
⭐ Featured
E-Commerce Funriture Shop
Web untuk menjual produk furnitur secara online dengan menggunakan Framework Laravel
About This Project
Aplikasi e-commerce furniture berbasis web untuk menjual produk furnitur secara online. Sistem ini memisahkan peran customer (pembeli) dan admin (pengelola toko), dengan alur belanja dari browsing produk hingga konfirmasi pesanan.
Tech Stack
- Backend: PHP 8.3+, Laravel 13
- Frontend interaktif: Livewire 3
- Database: MySQL / SQLite (via .env)
- Styling Bootstrap 5, custom CSS (public/assets/css/custom.css)
- Asset build Vite
- Auth Laravel session + role-based (customer / admin)
Fitur Utama
Hamalan Publik (Tanpa Login)
1. Home — Slider promo, kategori, brand, produk baru, produk featured, produk sale
2. Shop — Daftar produk dengan pagination, pencarian, filter kategori, filter sale/new/in-stock, sorting
3. Product Detail — Galeri gambar, harga reguler/sale, stok, deskripsi, produk terkait, toggle cart & wishlist (redirect ke login jika belum auth)
4. Contact — Form kirim pesan ke database untuk dibaca admin
5. Customer Support Chat — Widget WhatsApp floating (pojok kanan bawah) pada layout storefront
Customer (Login Required)
1. Register & Login — Registrasi akun customer, login session
2. Cart — Tambah/kurang qty, hapus item, kosongkan cart, apply/remove kupon diskon
3. Wishlist —Simpan produk favorit, tambah ke cart, hapus dari wishlist
4. Checkout — Form alamat pengiriman lengkap (provinsi–kode pos), ringkasan order, metode bayar COD
5. Order Confirmed — Halaman sukses setelah checkout dengan detail pesanan & ringkasan pembayaran
6. My Account — Dashboard, riwayat order, tab alamat/akun (UI template)
7. Order Detail — Detail pesanan milik user (produk, alamat, status)
Admin (Role admin)
1. Dashboard — Statistik order (total, pending, delivered, cancelled) + tabel order terbaru
2. Categories — CRUD kategori produk (nama, slug, gambar)
3. Brands — CRUD brand/merek
4. Products — CRUD produk (harga, stok, gambar utama + galeri JSON, featured, soft delete)
5. Orders — Daftar pesanan, detail pesanan, update status order
6. Sliders — CRUD banner homepage
7. Coupons — CRUD kupon (percent / fixed, minimum cart, tanggal expired)
8. Users — Daftar pengguna terdaftar
9. Contacts — Daftar pesan dari form contact
10. Settings — Halaman pengaturan toko (UI)
Kelebihan
1. Arsitektur modern — Laravel 13 + Livewire 3 (SPA-like tanpa API terpisah untuk mayoritas fitur).
2. Pemisahan role jelas — Middleware admin membatasi panel admin; customer hanya mengakses data order milik sendiri.
3. Katalog lengkap — Kategori, brand, produk dengan harga sale, stok, featured, multi-gambar, soft delete.
4. Checkout realistis — Validasi stok, penyimpanan alamat user, diskon kupon, pengurangan stok otomatis.
5. Snapshot order item — Riwayat pesanan tidak bergantung pada data produk yang masih aktif.
6. UI storefront konsisten — Desain kartu modern (mint background, primary #f2a100) di cart, checkout, wishlist, dan order confirmed.
7. Factory & seeder — Data dummy (10 kategori, 10 brand, 50 produk) untuk development/demo cepat.
8. Widget support WhatsApp — Saluran bantuan cepat untuk customer di halaman publik.
Kekurangan & Keterbatasan
1. Pembayaran terbatas — Hanya Cash on Delivery (COD) yang aktif di UI; bank_transfer dan e_wallet masih dikomentari.
2. Tabel transactions belum terintegrasi — Migration ada, tetapi record transaksi tidak dibuat saat checkout.
3. Tanpa payment gateway — Belum ada Midtrans/Xendit/dll.; status payment_status di-update manual lewat alur admin (mis. paid saat delivered).
4. Reset password & verifikasi email — Belum diimplementasi (tercatat di backlog daftar-list.txt).
5. Shipping cost — Selalu 0 (gratis); kalkulator shipping di cart masih UI template (wire:ignore).
6. Beberapa tab My Account — Download, Payment Method, Address, Account Details masih konten template statis.
7. Tanpa review/komentar produk — Belum ada fitur UGC/rating.
8. Dashboard admin tanpa grafik — Statistik berupa angka & tabel, belum ada chart visual.
9. Pencarian admin — Belum ada search produk di navbar admin.
10. Eager loading berat — Beberapa model memakai $with global yang bisa memengaruhi performa di skala besar.
Technologies Used
Laravel
PHP
MySQL
Git
Bootstrap
JavaScript
Livewire