Bandito
A fully fledged eCommerce store
A modern ecommerce experience
.png)
.png)
.png)
.png)
.png)
.png)
Project Overview
Bandito is a fully-fledged e-commerce store built for a friend who designs and sells custom parts for Mazda MX-5s. The primary challenge was to create a platform that could handle complex products with multiple variants and options.
By building the store from the ground up, I was able to implement a highly personalized shopping experience. This includes a custom checkout system with mileage-based delivery calculations and integrated Stripe payments, ensuring users never leave the site to complete a purchase.
The website is live and can be explored at banditcamp.co.uk.
Key Features
- Custom mileage-based shipping
- Integrated Stripe payments
- Order history & live tracking
- Complex product variant support
- User accounts & profiles
- Mobile-responsive design
Site Pages
The store includes a comprehensive set of pages to provide a complete user journey, from browsing products to managing an account.
- Cart
- Checkout
- FAQ
- Forgot Password
- Login
- Privacy
- Products
- Profile
- Reset Password
- Search
- Signup
- Support
- Terms
The Admin Panel
.png)
.png)
.png)
.png)
.png)
.png)
.png)
Made for Mobile
A mobile-first approach was crucial, ensuring a seamless experience across all devices, where most modern web traffic originates.
-portrait.png)
 (1)-portrait.png)
 (2)-portrait.png)
 (3)-portrait.png)
Technology Stack
Bandito is built using Next.js, React, Tailwind CSS, and ShadCN components. This stack was chosen for its modern capabilities, developer experience, and the flexibility it provides in creating custom, high-performance web applications.
Full Page View
