Réagir le commerce électronique par JoberMulator.dev
Il s'agit d'un simple site de commerce électronique fait avec React et TailwindCSS. Votre travail consiste à résoudre 8 problèmes:
- Trier les produits par prix et date de sortie
- Persistance du chariot sur la rafraîchissement
- Ajouter la fonctionnalité des filtres de produit
- La récupération du produit provoque une boucle infinie
- Besoin d'afficher le «chariot vide» lorsque le panier est vide sur la page du panier
- Mettre à jour le panier dans le Nav avec taille de panier
- Le panier ne se ferme pas lorsque l'utilisateur clique sur la région grise
- Subtotal n'est pas implémenté sur la page du panier
Objectifs d'apprentissage
Vous vous entraînerez et acquérirez de l'expérience avec:
- Styling Webapps avec tailwindcss
- Utilisation de crochets React (UseState, UseEffect)
- Manipulation, agrégation, tri et affichage des données
- Travailler avec des tables en réaction
- Implémentation d'un panier
- Travailler avec le stockage local
- Formatage des devises
- Tirer les données des API
Comment commencer à travailler
- Fourk ce repo et le cloner localement.
- Installez les dépendances en exécutant
npm i - Exécutez l'application localement en exécutant
npm run dev:frontend pour démarrer le frontend, et npm run dev:backend pour démarrer le backend. - Visitez http: // localhost: 3000 pour voir le site.
- Résoudre tous les problèmes (des conseils sont fournis comme des commentaires TODO dans le code)
- Une fois toutes vos solutions terminées, créez une seule demande de traction vers ce référentiel
- Vérifiez si vos solutions réussissent nos tests automatisés.
Besoin d'aide?
La meilleure façon de demander de l'aide est de demander à notre communauté de discorde.
Cliquez ici pour rejoindre JoberMulator.Dev Discord.
Vous voulez plus de défis?
Parcourez notre liste de défis et rejoignez notre discorde pour être averti lorsque de nouveaux défis sont publiés.
