Brick & Mortar Decor - E-Commerce Storefront

The official client-facing e-commerce storefront for Brick and Mortar Decor, built as a modern, high-performance Single Page Application (SPA). The application delivers a premium shopping experience featuring interactive 3D elements, category/subcategory catalogs, real-time cart management, customized checkout flows with Paystack payment integration, and a comprehensive customer profile suite.

2026

Brick & Mortar Decor

6 months

View Live

Project Gallery

Storefront Catalog

Technologies

React 19Framework

Vite 5Build Tool

TypeScriptLanguage

Tailwind CSS v3Styling

Ant DesignUI Library

Zustand v4State Management

TanStack Query v5Data Fetching

Three.js / react-three-fiber3D Graphics

Firebase AuthAuthentication

PlaywrightTesting

Key Features

Dynamic catalog with multi-level category and subcategory filtering
Interactive 3D animated hero background rendering cultural symbols
Persistent cart with local storage and Fastify API backend syncing
Custom multi-step checkout form with Zod schema validation
Paystack payment gateway integration with callback verification
Playwright E2E and Vitest component testing suites

Results

Drastic reduction in cart checkout abandonment via persistent checkout options
Premium luxury branding aesthetic with fluid animations and transitions
Regression-free code deployments supported by comprehensive test suites

Challenges & Solutions

Optimizing data fetching caching using TanStack Query to prevent redundant network requests

Integrating interactive Three.js scenes without degrading browser performance

Securing client-side Firebase Auth states and sync with a custom backend

React 19Vite 5TypeScriptZustandTanStack QueryThree.jsPaystackFirebase AuthPlaywright