diff --git a/README.md b/README.md index 1b207e9..9d6f133 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,9 @@ Repository for team IT2810-H26-T27 i IT2810-H26. -> **Status: Andre underveisinnlevering.** Backend med GraphQL (Apollo Server) og PostgreSQL er satt opp, og varer fra Kassalapp importeres til databasen. Frontend henter og viser varer via Apollo Client. Handlelister kan opprettes og fylles med varer gjennom API-et. Se [Kjøre prosjektet lokalt](#kjøre-prosjektet-lokalt) for oppsett. +> **Status: Andre underveisinnlevering.** Backend med GraphQL (Apollo Server) og PostgreSQL er satt opp, og varer fra Kassalapp importeres til databasen. Frontend henter og viser varer via Apollo Client. Handlelister kan opprettes og fylles med varer gjennom API-et. Se [Kjøre prosjektet lokalt](#kjøre-prosjektet-lokalt) for oppsett. Vi har allerede satt det opp på VM så hvis dere ikke vil kjøre det lokalt kan dere klikke på linken under. + +Link til nettsiden: http://it2810-27.idi.ntnu.no/project2/ ## Idé @@ -35,46 +37,33 @@ Handlelappen er en digital handleliste. Du søker opp dagligvarer eller blar i k ## Design (første utkast) -Designet er laget i Figma. Disse skjermbildene er et første utkast og kan endre seg. +Designet er laget i Figma. Disse skjermbildene er et første utkast og kan endre seg. Vi legger til link til figma. +Link til figma https://www.figma.com/design/cjDVbDbednm8qHobizzFji/Handlelappen-%E2%80%93-notatbok--Copy-?node-id=2-2&m=dev -### Hjem og søk +Under er beskrivelse av flyten: +### Hjem og søk Forsiden har søkefelt, kategorier og den aktive lappen. På søkesiden kan man filtrere på kategori, pris og merking (økologisk, laktosefri, norskprodusert) og sortere resultatene. Varer legges rett på lappen fra resultatlista, og lappen vises ved siden av. -![Hjem og søk](docs/design/hjem-og-sok.png) - #### Søk og filtrering - Hva du får opp når du filtrerer på en bestemt butikk hvis den har produktet og hvis den ikke har produktet. -![Søk og filtrering](docs/design/sok-filtrert-pa-butikk.png) ### Produktside og meny - Produktsiden viser pris, kilopris, ingredienser, allergener og næringsinnhold. Her kan man endre antall og legge til et notat, for eksempel «skivet, hvis de har». Menyen gir tilgang til alle delene av appen. -![Produktside og meny](docs/design/produkt-og-meny.png) - ### Mine handlelister og aktiv liste - Man kan ha flere aktive lister, og den man bruker nå er merket. På den aktive lista kan man endre antall, fjerne varer, sortere etter butikkavdeling og se estimert sum. -![Handlelister](docs/design/handlelister.png) - ### Tidligere handlelister - Ferdige lister er gruppert etter måned. Man kan søke i dem og laste inn eldre lister. Fra en tidligere liste kan man bruke den på nytt eller legge varene på den aktive lappen. -![Tidligere lister](docs/design/tidligere-lister.png) ### Handletur (mobil) - Handleturen er laget for mobil, siden den brukes i butikken. Varene er gruppert etter avdeling, og en fremdriftslinje viser hvor mange som er krysset av. -![Handletur på mobil](docs/design/handletur-mobil.png) ## Data - **Kilde:** [Kassalapp API](https://kassal.app/api), et API med norske dagligvarer og priser fra de fleste kjedene, blant annet Rema 1000, Kiwi, Meny, Coop, Joker, Spar og Bunnpris. Feltene vi har tenkt å bruke: