Amazon (challenge)

Projet Copycat en React de la homepage du site AMAZON et gestion du panier / authentification.

React (frontend) - Firebase (déploiement / database / authentification)

Voir le site web
Clients

Projet personnel

Besoin

Reproduire la page d'accueil du site Amazon avec le framework React et mise en place de la page "panier".

Conception

Utilisation du framework React pour l'interface, du React Router pour la navigation et du React Context API pour la gestion de l'état. Création de la page d'accueil et d'une page affichant le résumé du panier. Déploiement sur Firebase pour la mise en ligne.

Couleurs

#cd9042

#131921

#eaeded

preview

Page d'accueil

Bandeau de navigation en mode Sticky pour qu'il reste fixe lors du scroll de la page. Création du nombre d'étoile pour les avis de façon dynamique.

Context API pour le store

Données gérées par le React Context Api pour faciliter la gestion de l'état entre les composants et faciliter la récupération des données sur la page "panier".

Panier (checkout)

Mise en place d'une page panier listant l'ensemble des produits sélectionnés par l'utilisateur sur la page d'accueil. Possibilité de retirer un produit et affichage du bloc facturation avec résumé de la commande.

Login / Register

Page Login pour l'authentification de l'utilisateur. Gestion de l'authentification et la connexion / déconnexion avec Firebase.