Texas Hub
An enterprise E-commerce suite featuring a customer portal and a warehouse admin panel with camera/hardware barcode scanning.
Project Overview
A production-grade dual-application suite built for an e-commerce business. It comprises an internal admin dashboard for warehouse shipping and multi-currency catalog management, and a customer-facing portal with a unified shopping cart and order tracking.
The Challenge
The warehouse management side required real-time barcode scanning that prevented scan conflicts between concurrent packaging sessions. The client-facing website required localized multi-currency checkout, route-splitting for bundle sizes, and role-based route guards.
The Solution
Developed both systems using React 19, Vite 7, and Material UI. Built a unified shopping cart utilizing Redux Toolkit, integrated html5-qrcode for webcam barcode scanning, set up Axios request/response interceptors for JWT session management, and configured tag-based cache invalidation via RTK Query.
Key Highlights
- ✦Warehouse Barcode Scanning (Camera + Gun)
- ✦Single RTK Query baseApi Architecture
- ✦Unified Shopping Cart (Products + Parts)
- ✦Multi-Currency Support (USD, CAD, EUR, ILS)
- ✦Role-Based Routing Guards
Project Impact
Implemented real-time barcode scanning (hardware scanner & camera-based html5-qrcode) to eliminate warehouse inventory scan conflicts
Unified regular products and spare parts under a single, high-performance Redux Toolkit cart slice with dynamic price recalculation
Established secure role-based routing (Public, Auth-only, Private) across all portals utilizing React Router DOM
Optimized initial script payload size using React.lazy code-splitting and a custom Loadable higher-order fallback component