Michel TCHA


Audiophile

Audiophile

Description

Site 99% front-end pour m'entraîner sur NextJs, Stripe, et découvrir TailwindCSS. Le site permet de mettre en vente du matériel audio. Les paiements sont réalisés via Stripe et les commandes sauvegardées sur Firebase.

Objectif

Créer la partie front-end d'un site e-commerce simple, avec stripe comme moyen de paiement. Les utilisateurs peuvent ajouter des produits aux paniers et effectuer une commande.

Caractéristiques

  • - Interface responsive développée avec TailwindCSS
  • - Gestion des données(panier) via un hook gérant le state
  • - Paiement réalisé avec Stripe
  • - Pour chaque produit, une page unique pré-rendue dynamiquement via NextJs, permettant une meilleure optimisation du site et considération au niveau du SEO

Principales difficultés ou problèmes rencontrés

  • - Creér des composants modulables et optimisés
  • - Session (panier) et gestion des données difficiles à mettre en place sans tokens ou tout autre système d'identification
  • - Système de class de Tailwind pas encore complet à 100%

Commentaires, solutions, améliorations possibles

  • - Créer une base de données et un système d'authentification pour des fonctionnalités plus avancées
  • - Ajouter du code ou créer des class pour pallier Tailwind