Back
Wei's Windows & Doors icon

Wei's Windows & Doors

A comprehensive web application that digitized traditional business workflows, transforming them into a full-stack digital platform for customer management, scheduling, order processing, and administrative operations.

Wei's Windows & Doors platform screenshot

Technical Architecture

Frontend

  • • Next.js 15 with App Router
  • • React 19 with TypeScript
  • • Tailwind CSS with Chakra UI
  • • Responsive design optimized for mobile

Backend

  • • Supabase (PostgreSQL) with RLS
  • • Supabase Auth with email-based admin auth
  • • Resend API for transactional emails
  • • Vercel deployment with environment config

Core Features

Customer Portal

  • • User registration with email verification
  • • Multi-address management system
  • • Interactive consultation scheduling with calendar integration
  • • Real-time status tracking for consultations and tickets
  • • Ticket claiming and payment processing
  • • Mobile-responsive design for field operations

Administrative Dashboard

  • • Comprehensive user management system
  • • Consultation approval workflow with status transitions
  • • Calendar view with color-coded consultation management
  • • Ticket generation and payment tracking system
  • • Order management with automatic numbering
  • • Professional invoice generation with diagram creation

Business Process Automation

  • • Email automation for confirmations, invoices, and welcome messages
  • • Automatic ticket expiration system
  • • Payment processing with partial/full payment support
  • • Order creation workflow with external system integration
  • • Real-time status updates across all business processes

Technical Achievements

Security Implementation

  • • Email-based admin authorization system
  • • Row-Level Security (RLS) policies for data isolation
  • • Secure credential management for non-email users
  • • Input validation and sanitization throughout

Testing Infrastructure

  • • Comprehensive tests covering unit, workflow, and E2E scenarios
  • • Mock database operations for reliable testing
  • • Business logic validation across complete user journeys
  • • Automated testing for critical payment and data integrity workflows

Business Impact

Transformed traditional business operations into a digital platform that:

  • • Streamlines customer onboarding and consultation booking
  • • Automates administrative workflows and reduces manual errors
  • • Provides real-time visibility into business operations
  • • Enables professional communication and invoice generation
  • • Supports multiple payment methods and transaction tracking
  • • Maintains data integrity and security across all operations