Web Development

BintangMart — E-Commerce Portal Berbasis Microservices & Dual-Database

React 19 Vite TypeScript Node.js Express.js Prisma ORM Mongoose MySQL MongoDB Axios Vanilla CSS (Glassmorphism)
Galeri Projek

BintangMart adalah aplikasi e-commerce modern berskala industri yang dibangun menggunakan arsitektur microservices. Proyek ini memisahkan tanggung jawab (separation of concerns) ke dalam beberapa layanan independen guna menjamin skalabilitas, performa tinggi, dan fleksibilitas pengembangan.

Aplikasi ini menggunakan pendekatan dual-database, menggabungkan database relasional (SQL) dan non-relasional (NoSQL) sesuai dengan kebutuhan karakteristik data masing-masing layanan:

  1. Authentication Service (SQL - Port 3001): Mengelola keamanan, kredensial pengguna, dan pembuatan token JWT (JSON Web Token). Layanan ini menggunakan MySQL/MariaDB (SQL) yang dikelola melalui Prisma ORM untuk menjamin integritas transaksi data sensitif.
  2. Catalog Service (NoSQL - Port 3002): Mengelola data produk dan inventaris toko. Menggunakan MongoDB (NoSQL) melalui Mongoose untuk mendukung penyimpanan data yang dinamis dan fleksibel (schema-less), seperti spesifikasi RAM & storage untuk barang elektronik atau ukuran (size-chips) untuk produk pakaian/fashion.
  3. Frontend Client (Vite + React 19 - Port 5173): Portal client interaktif yang dirancang dengan arsitektur dashboard premium berkonsep dark-mode-first. Dibangun murni menggunakan Vanilla CSS variabel untuk transisi halus, tata letak grid responsif, kartu produk glassmorphism, sistem notifikasi toast dinamis, dan pemantauan konektivitas microservice secara real-time (glowing heartbeat status indicator).

Fitur Utama Sistem:

  1. Real-time Connectivity Status: Indikator koneksi langsung untuk mendeteksi status online/offline setiap layanan backend.
  2. SQL Authentication Flow: Modul login interaktif terintegrasi dengan database SQL untuk verifikasi data pengguna dan penyimpanan token JWT secara aman.
  3. Dynamic Catalog Search & Filtering: Pencarian produk instan dan penyaringan berbasis kategori dinamis (Fashion vs. Elektronik) yang langsung memuat spesifikasi produk unik dari MongoDB.
  4. Mock Cart & Toast Alerts: Simulasi keranjang belanja modern lengkap dengan notifikasi meluncur (toasts) di setiap interaksi pengguna.



Tertarik membuat project seperti ini?

Diskusi Dengan Saya