UWEAR UK

UWEAR UK is a complete e-commerce ecosystem I built across three separate applications: a customer-facing storefront, a REST API backend, and an admin dashboard. Each serves a distinct user and runs independently.

The storefront is a React 18 application with Chakra UI and Tailwind CSS. It handles the full shopping flow: product browsing with filters (product type, interest, gender, sale status), image zoom on product details, size selection, cart management, and multi-step checkout. The cart system works in dual mode: guest users get localStorage-based carts, and logged-in users get server-synced carts that persist across devices. On login, the guest cart merges with the server cart automatically.

Authentication uses JWT tokens with Axios interceptors that inject the Bearer token on every request and handle 401 responses globally. When a token expires, users get redirected to login without crashing the app.

The backend runs Express with MongoDB (Mongoose). Stripe handles payment processing through checkout sessions. When Stripe sends a webhook confirming payment, the backend creates the order record, decrements inventory, and fires a SendGrid email with an HTML template matching the UWEAR brand (gold and black theme). Product images are organised by serial number in a Multer-based upload system with 5MB limits.

The admin dashboard is a separate React app with Bootstrap and Chart.js. It polls the backend every 5 seconds for new orders and plays an audio notification when one arrives. Store owners can view 30-day sales charts, track order statuses, print orders with formatted HTML tables, manage product listings with image uploads, and monitor low-stock alerts. The dashboard uses session-based authentication (separate from JWT) for admin access.

The frontend is deployed on Hostinger, and the backend and admin dashboard run on Render.