E-commerce · Client build · In development
Victorious Concept
A full production storefront for my sister's fashion brand: bags, shoes, clothing, perfumes, slippers, and accessories, with real customer accounts, a real database, and real Naira checkout. Not a mockup: an actual store people can buy from.
The challenge
My sister's first site (built while I was still learning) was a static showcase. This one had to be the real thing: real accounts, a real product database, real payments in Naira, and an admin side she can actually run the store from, not something that just looks like a store.
The approach
Built as a proper single-page app on React and Vite, with Supabase handling authentication and the product/order database, and Paystack handling checkout so customers pay in Naira with cards, bank transfer, or USSD, whatever they already use.
Design
A warm, dark chocolate-and-gold palette with a Fraunces italic wordmark and a versatile "V in a ring" monogram, built to read as a considered fashion brand, "Victorious isn't a size, it's a state of mind," not a generic online shop template.
Development
React 19, Vite, and Tailwind CSS 4 on the frontend, with Framer Motion for the finer transitions, React Router for the more than 20 pages and routes, and Supabase plus Paystack doing the real work of accounts, data, and payment underneath.
What I solved
- A full shopping flow, category filters, product pages, cart, wishlist, and a multi-step checkout wired to Paystack for real payment.
- Real customer accounts with order history and order tracking, backed by Supabase instead of client-side storage.
- An admin dashboard so the store can actually be run day to day, adding products, checking orders, without touching code.
- A "Source It" page for customers who want something specific sourced on request, plus a Journal and Lookbook for editorial content, not just product listings.
Where it stands
It's live at victorious-concept.vercel.app and I'm still actively building it out, adding polish to the checkout flow, filling out the admin tools, and refining the account and order-tracking experience as real customers use it. This is the project where I moved from "a site that looks like a store" to "a store," accounts, a database, and a real payment provider all genuinely wired together.
Everything in the box
More than 20 pages and routes, built as a real single-page app:
Shopping
- Home, Shop, and Category pages with filters, individual product pages, cart, wishlist, and a multi-step checkout
- Real Paystack payment at checkout, and a "Source It" page for customers requesting something specific
Accounts
- Full account system backed by Supabase auth: sign up/login, an account page, order history, and order tracking
- An admin dashboard for managing the store day to day
Content
- A Journal and a Lookbook for editorial content, not just product listings
- About, Contact, FAQ, and a Delivery info page
The essentials
- Returns, Privacy Policy, and Terms of Service pages, plus a custom 404
- Toast notifications and a "fly to cart" animation for a more tactile shopping feel
Under the hood
- Real Paystack payment via react-paystack, wired straight into the checkout flow so a customer pays in Naira and the order confirms on a genuine successful-payment callback, not a simulated one.
- A real Supabase backend handling authentication, the product catalog, and order data, with dedicated React Context providers for auth, cart, wishlist, and toast notifications keeping state consistent across all 20-plus routes.
Screens
