Diba Portfolio.
Fullstack Application
Studi Kasus Unggulan

Revoshop.

Platform e-commerce online store modern dengan sistem keranjang belanja, checkout, dan role-based authentication.

revoshop/screenshot-1.png
1 / 5
Revoshop screenshot 1
revoshop/screenshot-2.png
2 / 5
Revoshop screenshot 2
revoshop/screenshot-3.png
3 / 5
Revoshop screenshot 3
revoshop/screenshot-4.png
4 / 5
Revoshop screenshot 4
revoshop/screenshot-5.png
5 / 5
Revoshop screenshot 5
Geser atau klik panah untuk melihat galeri5 Screenshots
Bagian 1: Ringkasan Proyek

Latar Belakang Proyek

Ringkasan

Revoshop adalah platform e-commerce toko online modern yang dibangun untuk penugasan Milestone 3 RevoU Fullstack Software Engineering.

Tantangan Masalah

Banyak aplikasi belanja online mengalami desinkronisasi state keranjang belanja saat berpindah halaman, ketiadaan pemisahan otentikasi hak akses (RBAC) antara pembeli dan admin, serta penanganan error API pihak ketiga yang rapuh.

Bagian 3: Alat & Metodologi

Tumpukan Teknologi

Frontend

Next.js 16React 19TypeScriptTailwind CSSAxios

Backend & Data

Platzi Fake Store APIbcryptjs AuthenticationJSON Data Modeling

Tools & Quality

Bun RuntimeBiome LinterComponent-Driven UI

Deployment

Vercel Deployment
Metodologi & Strategi

Tujuan & Pendekatan Arsitektur

Tujuan Utama

  • Membangun alur keranjang belanja interaktif yang reaktif dan konsisten di seluruh navigasi halaman.
  • Mengimplementasikan Role-Based Access Control (RBAC) yang aman untuk pembeli dan admin.
  • Menyediakan antarmuka manajemen katalog produk khusus admin (CRUD penuh).

Solusi & Arsitektur

Mengembangkan antarmuka modular Next.js dengan Bun runtime untuk performa tinggi, memusatkan mutasi state keranjang (single source of truth), mengamankan rute admin dengan Role-Based Access Control (RBAC) dan hashing password bcryptjs, serta menangani Platzi Store API dengan fallback error handling.

Bagian 2: Hasil Kerja & Pencapaian

Hasil & Keluaran

Hasil & Fitur Terkirim

  • Sistem keranjang belanja lengkap: penambahan produk, penyesuaian kuantitas, penghapusan item, dan kalkulasi subtotal dinamis.
  • Alur simulasi checkout dengan validasi form pengguna dan notifikasi toast instan.
  • Sistem autentikasi multi-peran (Admin & User) dengan hashing password bcryptjs dan proteksi rute.
  • Portal Admin Product Management dengan kapabilitas CRUD penuh terhadap katalog Platzi Store API.

Pencapaian Utama & Kualitas Kode

  • Integrasi aman otentikasi role-based (RBAC) dengan proteksi password hashing bcryptjs.
  • Zero unhandled state errors pada alur belanja keranjang dan simulasi checkout pengguna.
  • Performa rendering cepat menggunakan runtime Bun dan desain responsif Tailwind CSS.

Dampak & Nilai Tambah

Membuktikan penguasaan alur transaksi e-commerce, kehandalan manajemen state keranjang belanja, dan keamanan otentikasi multi-peran standar industri.

Jelajahi Lebih Banyak

Proyek Pilihan Lainnya

Fullstack
Unggulan

TruBrush

Platform portofolio seni digital karya buatan manusia dan pemesanan komisi berbasis escrow dengan proteksi kanvas.

Frontend
Unggulan

Todos Apps

Aplikasi task management interaktif dengan persistensi browser local storage.

Punya rencana proyek atau ingin membangun sesuatu bersama?

Saya terbuka untuk posisi full-time, kontrak, maupun mendiskusikan inovasi produk digital.