Aplikasi Toko Online Modular & Scalable
Tentang Produk
Aplikasi toko online full-stack yang dibangun secara end-to-end mengutamakan performa, struktur kode yang modular, dan pengalaman pengguna (user experience) sekelas aplikasi SPA modern.
Proyek ini mengatasi berbagai tantangan teknis kompleks dalam pengembangan e-commerce, mulai dari manajemen varian produk reaktif, perhitungan pengiriman manual berbasis hierarki wilayah Indonesia, hingga arsitektur autentikasi berbasis peran (role-based access control).
Fitur & Keunggulan Teknis Utama:
Arsitektur Monolit Modern: Menggunakan Inertia.js untuk mengintegrasikan backend Laravel dengan frontend Vue 3 tanpa perlu membangun REST API terpisah, menghasilkan interaksi yang cepat tanpa page reload.
Manajemen Varian Produk Dinamis: Sistem cart dan checkout berbasis data asosiatif yang mendukung varian produk (seperti warna dan ukuran) dengan pembaruan harga serta stok secara real-time.
Kalkulasi Pengiriman Wilayah Indonesia: Integrasi basis data wilayah (Provinsi, Kabupaten, Kecamatan, Desa) untuk menentukan tarif shipping kustom secara otomatis saat checkout.
Autentikasi & Otorisasi: Integrasi Google Auth (Laravel Socialite) berbasis stateless session, serta pemisahan peran (role) yang ketat antara Admin (Manajemen Produk & Sistem) dan Customer.
Portal Pelanggan (Customer Dashboard): Halaman akun terintegrasi yang mencakup riwayat status pesanan dan fitur wishlist reaktif.
Sistem Desain Frontend Konsisten: Antarmuka responsif dan terstruktur dibangun menggunakan Tailwind CSS dengan komponen Vue 3 (
<script setup>) yang reusable.
Tech Stack: Laravel 11, Vue.js 3 (Composition API), Inertia.js, MySQL, Tailwind CSS, Laravel Socialite.