01 / Overview
About the project
Website utamanya menangani katalog produk, detail produk, varian, keranjang, checkout, pembayaran, pengiriman, blog, kontak, landing page dinamis, tracking affiliate, dan beberapa webhook penting. Di sisi mobile, aplikasi Flutter menyediakan pengalaman belanja yang lebih dekat ke pengguna: login email atau Google, katalog, detail produk, voucher, wishlist, cart, checkout, payment, order history, tracking, profile, alamat, affiliate join, push notification Firebase, dan deep link.
02 / Challenge
What needed solving
Project ini bukan sekadar toko online sederhana. Kompleksitasnya ada pada banyak bagian yang harus saling nyambung: stok dan kombinasi varian produk, invoice, pembayaran ulang, cancel order, ongkir, tracking pengiriman, voucher, komisi affiliate, payout, SEO, blog, knowledge base AI, sampai token khusus untuk mobile API. Setiap modul perlu tetap rapi supaya gampang dirawat setelah fiturnya makin banyak.
03 / Approach
How I approached it
Saya membagi sistem menjadi beberapa area kerja yang jelas. Backend Laravel 12 menangani route publik, API mobile, admin panel Filament, affiliate panel, pembayaran Midtrans, ongkir dan tracking Biteship, serta webhook. Mobile Flutter memakai provider untuk state management pada auth, cart, address, catalog, blog, wishlist, dan theme. Untuk operasional admin, Filament dipakai agar produk, kategori, brand, banner, blog, user, order, voucher, setting, SEO, knowledge/RAG, dan smart links bisa dikelola dari satu tempat.
04 / Highlights
What the product does
- 01
Homepage dan katalog produk
- 02
Detail produk dan varian
- 03
Keranjang dan checkout
- 04
Pembayaran Midtrans
- 05
Ongkir dan tracking Biteship
- 06
Panel admin Filament
- 07
Panel affiliate
- 08
Voucher dan komisi affiliate
- 09
Blog dan SEO automation
- 10
Google OAuth
- 11
Mobile API
- 12
Aplikasi Flutter
- 13
Wishlist dan order history
- 14
Push notification Firebase
- 15
Chatbot WhatsApp AI/RAG
- 16
Smart link tracking