Back to Home

E-commerce Platform

Fullstack system consisting of storefront, admin panel, and backend API.

Storefront

Storefront homepageStorefront homepage
Product listingProduct listing
Product detailProduct detail
Cart pageCart page
Checkout pageCheckout page
Order pageOrder page

E-commerce storefront built around a variant-centric product system, enabling flexible product browsing and selection.

Tech stack: Next.js, TanStack Query, Tailwind CSS, shadcn/ui, Zod

Live DemoGitHub Repo

Admin Panel

Dashboard OverviewDashboard Overview
Order ManagementOrder Management
Category Tree ManagementCategory Tree Management
Banner CreationBanner Creation
Generated Product VariantsGenerated Product Variants

Admin dashboard for managing products, variants, and store content, featuring a variant-centric product system with dynamic option generation.

Tech stack: React (Vite), Mantine UI, TanStack Query, Zod, DnD Kit

Live DemoGitHub Repo

Backend API

Production-oriented e-commerce backend focused on transactional checkout flows, payment synchronization, snapshot-based order architecture, and variant-driven commerce workflows.

Includes Midtrans payment integration, Redis caching, scheduled jobs, integration testing, Swagger documentation, and GitHub Actions CI.

Tech stack: Node.js, Express, TypeScript, PostgreSQL, Redis, Knex, Zod

API DocsGitHub Repo