Lompat ke konten

Garut, Indonesia / Full Stack Developer

Fikri Amrullah Full-stack developer
Kembali ke log
E-Commerce
Entri
LOG-004
Tahun
2026
Status
Published

Furniture Store

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.

Laravel php Livewire MySql Bootstrap JavaScript
Thumbnail Furniture Store
Plate 04 E-Commerce
Laravel +5 Log
Fig. 04 β€” diagram alur sistem E-Commerce / 2026
01

Masalah

Proses transaksi pada toko online melibatkan beberapa tahapan yang saling berkaitan, mulai dari pengelolaan produk dan pesanan hingga konfirmasi pembayaran. Tanpa alur data yang terstruktur dan mekanisme pembaruan status transaksi yang tepat, pengelolaan pesanan dan pencatatan pembayaran dapat menjadi tidak konsisten.

02

Pendekatan

Membangun aplikasi e-commerce dengan alur sistem yang dirancang agar customer dapat melakukan pembelian product dengan lebih mudah. mulai dari pelaku bisnis mengelola product dan order dari customer hingga ke proses pengiriman, lalu customer dapat melihat tracking order yang telah mereka lakukan.

Dengan memiliki website resmi, ini menujukan bahwa akan terbentuk sebuah branding usaha, yang kuat, profesional, dan terpercaya di mata customer.

03

Yang dibangun

  • Search dan filter product
  • Keranjang dan wishlist product
  • Checkout dan pembuatan order
  • Tracking order pada dashboard customer
  • CMS pada bagian halaman admin
04

Catatan teknis

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)

Entri lain

Project lain dengan tingkat detail yang sama.

01 2026
Booking App Pilihan

HotelF

HoteF- Booking Hotel, Aplikasi pemesanan hotel berbasis web untuk mencari kamar dan memesan secara online dengan pembayaran real via Midtrans Snap. Sistem ini memisahkan peran user (tamu) dan admin (pengelola hotel), dengan alur pemesanan dari browsing kamar hingga konfirmasi pembayaran.

Next.js TypeScript Tailwind CSS PostgreSQL
Baca entri

Mari mulai dari masalahnya.

Kirim pesan

Konfirmasi

Konfirmasi tindakan

Tindakan ini tidak bisa dibatalkan. Lanjutkan?