Yoann Abriel
fr

← All projects

2025

SneakR

Complete sneaker e-commerce platform combining modern features and responsible commerce initiatives. Integrates an innovative trade-in system for sustainable fashion.

sneaker-pro-max.vercel.app

SneakR catalog: sneaker grid with filters by category, brand, gender, size, availability and price

fig. 01 · The live catalog: 693 pairs, filters by brand, gender, size and price

SneakR is a full-stack sneaker marketplace developed as part of the Epitech Digital School Bootcamp. The platform addresses the growing demand for sustainable fashion by integrating traditional online shopping with innovative trade-in systems, promoting a circular economy.

Product page

SneakR product page for a Reebok Question Low Phillies with size selector, price, buy button and return policy

fig. 02 · A product page on the live site, fed by the kicks.dev API

Each pair in the catalog has its own page: size, price, remaining stock and instant purchase. Data comes from the kicks.dev API, with caching to keep a real-time catalog.

Trade-in exchange

Line illustration: two sneakers in profile facing each other, linked by two curved arrows forming a circle, one of them red

fig. 03 · Illustration. The principle of pair exchange between members

Beyond classic shopping, the platform integrates a trade-in system to give pairs a second life and encourage more sustainable fashion, in a circular economy logic.

Cart and Stripe checkout

SneakR checkout page: Stripe Checkout box, contact form and order summary with two pairs

fig. 04 · The live checkout, before redirection to Stripe

The cart sums up items, VAT and shipping, then the checkout collects contact details before redirecting to Stripe's secure payment page. Order management builds on this flow.

Supabase authentication

SneakR sign-in page with email and password fields and a Continue with Google button

fig. 05 · The sign-in page on the live site

Accounts, sign-in by email or Google and real-time data rely on a Supabase backend, coupled with Stripe for payments.

Catalog by brand

SneakR brands page: grid of Nike, Adidas, Jordan, Vans, New Balance, Puma, Reebok, ASICS cards with product counts

fig. 06 · The brands page on the live site

The catalog can also be browsed by brand, with the same kicks.dev data and an interface built with shadcn/ui and Aceternity components.

fig. 07

SneakR home page with three featured products

The home page and its featured products

Challenges

  • Real-time product catalog management with kicks.dev API and smart caching
  • Implementing a secure payment flow and complex order management
  • Full internationalization (FR, EN, DE) for global reach

Solutions

  • High-performance, SEO-friendly Next.js 15+ architecture
  • Modern UI/UX with shadcn/ui and Aceternity components
  • Supabase backend for authentication and real-time, coupled with Stripe for payments

Technologies

Next.js 15+ · TypeScript · Supabase · Stripe · shadcn/ui · Aceternity · kicks.dev API