Lager appen del 2 (v2)

By . Latest revision .

I kursmoment 1 skapade vi grunden för vår lager app. Vi ska i detta kmom bygga en plocklista vy där lagerarbetarna får en bra översikt över vart produkterna från en order finns. När varorna är plockade ska status ändras för ordern och lagersaldo ska minskas.

#Förkunskaper

Du har gjort uppgiften Lager appen del 1. Du har jobbat dig igenom övningarna Knappar för mobilen och Routing i React.

#Introduktion

Använd lager API:t dokumentationen och speciellt sektionen om order. Här kan du hämta ut ordern och alla orderrader. När du ska uppdatera lagersaldot använder du dig av PUT HTTP-metoden för produkterna.

Kodexemplen i dokumentationen för Lager-API:t kan vara till stor hjälp i detta kmom.

#Krav

  1. Skapa en vy där lagerarbetarna ser alla ordrar redo för att packas, dvs. ordrar med status ny. Från order-vyn kan man ta sig till plocklista vyn.

  2. Plocklista vyn visar alla varor i en order, hur många som ska plockas och vart varan finns.

  3. Gör en kontroll om det finns tillräckligt många av varan för att den kan packas.

  4. Om det finns tillräckligt många produkter ska det finnas en möjlighet att byta status för ordern med en knapp. Byt till status Packad.

  5. När status för ordern ändras måste även lagersaldot för de packade varorna minskas.

  6. Navigationen ska tydligt visa vilken vy användaren är i.

  7. Strukturera din style kod, så vi inte längre har styling direkt i komponenterna, men i egna filer.

  8. Se till att det går att testa din app. Lägg till minst en order med en produkt som går att packa.

  9. Länka till ditt GitHub-repo som en del av din inlämning på Canvas. Länken ska vara på formen: https://github.com/emilfolino/lager-v4.git

#Revision history

  • 2022-03-07: (A, efo) Första utgåvan i samband med kursen webapp v4.

Document source.

Category: javascript.