Tous les projets

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.

Le catalogue en ligne : 693 paires, filtres par marque, genre, taille et prix

Le projet

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

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

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

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

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

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.

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+TypeScriptSupabaseStripeshadcn/uiAceternitykicks.dev API
Projet suivant

TaskMe

Images du projet

1 / 6