2025

SneakR

Plateforme e-commerce complète de sneakers combinant fonctionnalités modernes et initiatives de commerce responsable. Intègre un système d'échange innovant pour une mode durable.

sneaker-pro-max.vercel.app

Catalogue SneakR : grille de sneakers avec filtres par catégorie, marque, genre, taille, disponibilité et prix

fig. 01 · Le catalogue en ligne : 693 paires, filtres par marque, genre, taille et prix

SneakR est une marketplace de sneakers full-stack développée dans le cadre du Bootcamp Epitech Digital School. La plateforme répond à la demande croissante pour une mode durable en intégrant le shopping en ligne traditionnel avec des systèmes d'échange innovants (trade-in), favorisant ainsi l'économie circulaire.

Fiche produit

fig. 02 · Une fiche produit du site en ligne, alimentée par l'API kicks.dev

Chaque paire du catalogue a sa fiche : taille, prix, stock restant et achat immédiat. Les données viennent de l'API kicks.dev, avec une mise en cache pour tenir un catalogue temps réel.

Échange et trade-in

Illustration au trait : deux sneakers de profil face à face, reliées par deux flèches courbes formant un cercle, l'une rouge

fig. 03 · Illustration. Le principe de l'échange de paires entre membres

Au-delà de l'achat classique, la plateforme intègre un système d'échange (trade-in) pour donner une seconde vie aux paires et encourager une mode plus durable, dans une logique d'économie circulaire.

Panier et paiement Stripe

Page de checkout SneakR : encart Stripe Checkout, formulaire de contact et récapitulatif de commande à deux paires

fig. 04 · Le checkout du site en ligne, avant redirection vers Stripe

Le panier récapitule les articles, la TVA et la livraison, puis le checkout collecte les coordonnées avant de rediriger vers la page de paiement sécurisée Stripe. La gestion des commandes s'appuie sur ce flux.

Authentification Supabase

Page de connexion SneakR avec champs e-mail et mot de passe et bouton Continue with Google

fig. 05 · La page de connexion du site en ligne

Comptes, connexion par e-mail ou Google et données temps réel reposent sur un backend Supabase, couplé à Stripe pour les paiements.

Catalogue par marque

Page des marques SneakR : grille de cartes Nike, Adidas, Jordan, Vans, New Balance, Puma, Reebok, ASICS avec nombre de produits

fig. 06 · La page des marques du site en ligne

Le catalogue est aussi navigable par marque, avec les mêmes données kicks.dev et une interface construite avec shadcn/ui et des composants Aceternity.

fig. 07

Page d'accueil SneakR avec trois produits mis en avant

La page d'accueil et ses produits mis en avant

Défis

Gestion d'un catalogue produit temps réel avec l'API kicks.dev et mise en cache intelligente
Implémentation d'un flux de paiement sécurisé et gestion des commandes complexe
Internationalisation complète (FR, EN, DE) pour une portée mondiale

Solutions

Architecture Next.js 15+ performante et SEO-friendly
Interface UI/UX moderne avec shadcn/ui et composants Aceternity
Backend Supabase pour l'authentification et le temps réel, couplé à Stripe pour les paiements

Technologies

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