Student case

Velkommen til Gjensidige sitt student-case ☀

Oppgaven

Beskrivelse

I denne oppgaven er målet å lage et Pokemon kort ved hjelp av API’et pokeApi.

I Gjensidige bruker vi React som det primære javascript-rammeverket. Men om du heller ønsker å bruke et annet rammeverk, er vi selvsagt åpne for det.

Pokemonkortet bør være stylet ved hjelp av css eller lignende. Vi ser for oss at du har med bilde og navn, men du står fritt til å legge til flere ønskelige elementer om pokemonen.

Alt dette skal hentes fra API’ene til pokeApi.

Oppsummering av ønsket teknologi:

• React eller annet Javascript rammeverk
• CSS eller lignende style-språk
• Bruk av fetch fra REST API’ene til pokeApi
• Bruk av funksjonelle komponenter

Vi har tjuvstartet for deg, og du vil finne alt du trenger for å komme godt i gang i dette repoet.

Hva finnes i dette repoet?

I denne starteren har vi satt opp et React-prosjekt, som gir deg alt du trenger for å komme i gang med oppgaven. Du finner blant annet en funksjon for å fetche en pokemon i filen utils.ts. Vi har også typet ut de mest relevante feltene fra dette endepunktet i filen types.ts. Her kan du også eventuelt utvide med flere felter om du ønsker det. Du kan selvsagt også legge til andre endepunkter hvis du vil.

Eksempel

Her er et eksempel på hvordan oppgaven kan løses, du står selvsagt fritt til å gjøre det på andre måter.

Tilgjenglige Scripts

I denne prosjektmappen, kan du kjøre:

npm install

Installerer alle nødvendige pakker og avhengigheter

npm start

Kjører appen i utviklingsmodus.
Du kan åpne http://localhost:3000 for å se appen i nettlesern din.

Appen vil da lastes inn på nytt hver gang du gjør endringer.
Du vil også se lint feil i konsollen.

npm run build

Bygger appen i mappen: build

Lær mer

Du kan lære mer ved å sjekke ut Reacts dokumentasjon.