Back to Portfolio
personal Completed
Azmee Shop

Azmee Shop

Mar 2024 - Mar 2024
Category: IT

Azmee Shop dikembangkan sebagai platform e-commerce modern bermutu tinggi yang menekankan kecepatan performa, estetika antarmuka, dan keamanan data antarlapisan. Memanfaatkan arsitektur Monorepo modern, sistem ini menjembatani pengalaman belanja pelanggan yang mulus dengan keandalan infrastruktur backend. Di sisi pelanggan, Azmee Shop menyajikan katalog produk dinamis dengan sistem pencarian pintar, filter departemen, keranjang belanja interaktif berkonsep real-time counter, hingga sistem ulasan produk yang akurat. Di sisi arsitektur teknis, proyek ini menerapkan konsep End-to-End Type Safety dari database PostgreSQL hingga komponen antarmuka, serta mendukung komunikasi ganda melalui tRPC untuk kecepatan maksimal dan dokumentasi REST OpenAPI secara otomatis.

Technologies

Tailwind Tailwind
NodeJs NodeJs
NextJs NextJs
TypeScript TypeScript
PostgreSql PostgreSql

Key Features

  • Modern Monorepo & E2E Type Safety: Arsitektur enterprise bergaya Monorepo yang menjamin keamanan tipe data 100% (Type-Safe) dari database PostgreSQL (Prisma), router backend tRPC/Zod, hingga komponen frontend Next.js.
  • Dynamic Catalog & Smart Filtering: Katalog produk interaktif dengan pencarian teks real-time, filter kategori departemen (Books, Clothing, Electronics, Kids, Health), serta pengurutan harga, tanggal, dan rating.
  • Real-Time Interactive Cart: Keranjang belanja dinamis dengan perhitungan stok, manipulasi jumlah barang instan, dan indikator badge counter pada navbar yang otomatis tersinkronisasi tanpa muat ulang halaman.
  • Verified Customer Reviews: Sistem ulasan transparan dengan kalkulasi rata-rata bintang emas, label Verified Buyer, avatar penulis, serta navigasi paginasi cepat (client-side pagination) maksimal 6 ulasan per halaman.
  • Universal JWT Authentication: Sistem keamanan otentikasi berbasis NextAuth.js yang membagikan enkripsi token sesi JWT secara mulus antara lingkungan Serverless Next.js dan server backend Express.
  • Dual-Layer API & REST Docs: Dukungan komunikasi ganda melayani pemanggilan RPC super cepat via tRPC, sekaligus menghasilkan halaman dokumentasi interaktif Swagger/OpenAPI secara otomatis bagi pengembang eksternal.

Project Gallery

Landing Page

Landing Page

Detail Product

Detail Product

Reviews

Reviews

Cart

Cart

Sell Product

Sell Product