React -E -Commerce von Jobsimulator.dev
Dies ist eine einfache E-Commerce-Site aus React und Railwindcss. Ihre Aufgabe ist es, 8 Probleme zu beheben:
- Sortieren Sie Produkte nach Preis und Veröffentlichungsdatum
- Wagendauer beim Auffrischen
- Fügen Sie Produktfilterfunktionen hinzu
- Produktabruf verursacht unendliche Schleife
- Müssen 'leerer Wagen' angezeigt werden, wenn der Warenkorb auf der Wagenseite leer ist
- Aktualisieren Sie den Cart in NAV mit der Karosskarosse
- Karren nicht schließt, wenn der Benutzer auf Grauregion klickt
- Subtotal wird nicht auf der CART -Seite implementiert
Lernziele
Sie werden praktizieren und Erfahrungen sammeln mit:
- Styling Webapps mit Rückenwindcss
- Verwenden von React -Hooks (Usestate, useEffect)
- Daten manipulieren, aggregieren, sortieren und angezeigt werden
- Arbeiten mit Tabellen in React
- Implementierung eines Einkaufswagens
- Arbeiten mit lokalem Speicher
- Währungsformatierung
- Daten von APIs ziehen
Wie man anfängt zu arbeiten
- Geben Sie dieses Repo auf und klonen Sie es lokal.
- Installieren Sie die Abhängigkeiten, indem Sie
npm i ausführen - Führen Sie die App lokal aus, indem Sie
npm run dev:frontend ausführen, um den Frontend zu starten, und npm run dev:backend um das Backend zu starten. - Besuchen Sie http: // localhost: 3000, um die Website zu sehen.
- Beheben Sie alle Probleme (Hinweise werden als Todo -Kommentare im Code angegeben)
- Sobald alle Ihre Lösungen abgeschlossen sind, erstellen Sie eine einzige Pull -Anforderung für dieses Repository
- Überprüfen Sie, ob Ihre Lösungen unsere automatisierten Tests bestehen.
Benötigen Sie Hilfe?
Der beste Weg, um Hilfe zu bitten, besteht darin, unsere Discord -Community zu fragen.
Klicken Sie hier, um dem JobsImulator zu beitreten.Dev Discord.
Willst du mehr Herausforderungen?
Durchsuchen Sie unsere Liste der Herausforderungen und treten Sie unserer Zwietracht an, um benachrichtigt zu werden, wenn neue Herausforderungen veröffentlicht werden.
