2023-08-28 15:10:28 +00:00
|
|
|
# [WA.works](https://wa.works/) praksisoppgave
|
|
|
|
|
> *Høst semester 2023*
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
## 📝 Oppgavetekst
|
|
|
|
|
1. Lag en webside som viser en tabell av informasjon fra et API online.
|
|
|
|
|
> 1.5. API-kravspesifikasjon:
|
|
|
|
|
> 1. Støtte for pagination i api'et
|
|
|
|
|
> 2. Støtte for en søk funksjon
|
|
|
|
|
> 3. Bonus om api'et har filter / sortering
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
2. Må kunne sortere hver tabellheader utifra ascending/descending ved trykk.
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
3. Lett mulighet for filtrering på tabellen.
|
|
|
|
|
> 3.5. Bonus om man bare henter riktig data fra databasen.
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
4. Det skal gå an å gå inn på hvert item for å få mer detaljer om daten.
|
|
|
|
|
> 4.5. Bonus om ekstradata hentes kun når det trengs / skal vises
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
5. Legg til støtte for pagination, gjennom å bruke api'et.
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
## 🏗️ Teknologier
|
|
|
|
|
Ettersom vi skulle bruke React så har vi valgt å bruke Vite React med Typescript for dette prosjektet.
|
2023-08-28 13:40:33 +00:00
|
|
|
|
2023-08-28 15:10:28 +00:00
|
|
|
## 🛠️ Hvordan kjøre lokalt
|
|
|
|
|
1. [NodeJS](https://nodejs.org/en) må være installert
|
|
|
|
|
2. Klon prosjektet og gå inn i det
|
|
|
|
|
```ts
|
|
|
|
|
git clone https://github.com/SindreKjelsrud/WA.works-praksisoppgave.git
|
|
|
|
|
cd WA.works-praksisoppgave
|
|
|
|
|
```
|
|
|
|
|
3. For å kjøre prosjektet bruk: `npm run dev`
|
