30 Minutes Fix
A premium React-based repair booking platform with custom calendar scheduling, Stripe & PayPal checkouts, device diagnostics canvas patterns, and automated dynamic SEO sitemaps.
Project Overview
A large-scale multi-module SPA for a device repair platform covering repair booking, DIY parts e-commerce, protection plans, insurance quotes, and a user dashboard using React 18, Vite, Redux Toolkit, and MUI v5.
The Challenge
The platform needed to manage 18+ Redux slices for a complex multi-step booking engine while integrating multiple payment providers (Stripe, ZipPay, PayPal) with different success/failure redirect flows.
The Solution
Built a multi-step booking engine (device → brand → model → issue → Stripe checkout) with slug-based dynamic routing. Integrated Google Maps geolocation for nearest-store routing, Google OAuth, Intercom live chat, and auto-generated sitemaps.
Key Highlights
- ✦Multi-Step Repair Booking Flow
- ✦Canvas-based Pattern Lock Diagnostic Tool
- ✦Dynamic Calendars & Geolocation Scheduling
- ✦Virtualized High-Throughput Search
- ✦Automated Dynamic Multi-Section XML Sitemap Generator
Project Impact
Minimized rendering bottlenecks and API query volume through debounced virtualized dropdown list components (react-window)
Designed a robust dynamic sitemap pipeline fetching slugs directly from REST API endpoints to boost Google SEO visibility
Created a secure, client-side pattern drawing interface to save technician diagnostic unlocking codes without plaintext exposure