Skip to content

Lager appen del 2

image/webapp/pick-list.png

Du har blivit kontaktat av företaget Infinity Warehouses då ryktet går på stan att du har koll på mobila applikationer. Infinity Warehouses vill ta steget in i 2020-talet och automatisera deras gamla omoderna lagerhanteringssystem. Infinity Warehouses har tidigare anställd en backend programmerare, men när hen hörde orden design, användbarhet och tillgänglighet sprang hen skrikande bort. Backend programmeraren hade dock hunnit skapa ett REST API innan hen försvann ner i serverrummet. Dokumentationen för API:t hjälper dig en bit på vägen.

Du har jobbat dig igenom övningarna Web Components, Knappar för mobilen och En router i JavaScript.

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.

  1. Skapa en vy där lagerarbetarna ser alla ordrar redo för att packas, dvs. ordrar med status ny.

  2. 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. Viktigt att du gör ändringar för en produkt (products-endpointen) och inte för orderraderna.

  6. Gör ett medvetet val om du vill använda flat design eller ej.

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

  8. Driftsätt applikationen på Github Pages enligt Driftsättning.