Back

Voguewalk - E-commerce System

Overview

Modern full-stack e-commerce platform featuring a clean customer storefront for browsing and ordering products, paired with a powerful admin dashboard to manage inventory, orders, and customers.

Features

01

Customer storefront for browsing clothing collections and managing shopping carts

02

Product variant engine supporting unique images, pricing, colors, and sizes per variant

03

Flexible attribute management for sizes, colors, materials, styles, and brands

04

Hierarchical inventory structuring with categories, sub-categories, and custom collections

05

Manual and Automatic coupon systems with precise start/end scheduling controls

06

Granular coupon targeting by user roles or explicit customer email whitelists

07

Flexible discount rules including fixed or percentage cuts for full orders or specific items

08

Stripe checkout integration synced securely with automated Supabase webhooks

09

Payment resume system in customer profiles for recovering abandoned checkout loops

10

TanStack Query implementation for high-performance server-state caching

11

Complete admin dashboard featuring sales trend bar charts, regional pie charts, and low-stock alerts

Built with

React Router FrameworkTypeScriptSupabaseTailwind CSSTanstack QueryStripe

Challenges & Solutions

Problem

Complex state management and caching

Solution

Used React Router v7 loaders + tanstack react query caching to cache the supabase data

Problem

Database design

Solution

Implemented a production ready normalized database design to store data effeciently and meet the requirements of the application

Problem

Payment flow edge cases (failed transactions, refunds)

Solution

Built robust webhook handlers and retry logic with Stripe and supabase edge functions

GitHubLive