Skip to content

Frontend for mann-eller-kvinne - En nettside som gjetter kjønnet ditt basert på hva du skriver

License

Notifications You must be signed in to change notification settings

LBlend/mann-eller-kvinne-frontend

Repository files navigation

mann-eller-kvinne-frontend

🇬🇧 English

Dette er frontenden for prosjektet mann-eller-kvinne. For mer info om prosjektet, se backendrepoet

Logo

Kom i gang

Manuell installasjon (developer mode)
  1. Klon repoet og last ned avhengighetene:

    • node.js
    • yarn
  2. Installer prosjektavhengighetene

yarn install
  1. Lag en kopi av filen env.example og gi den navnet .env. Bytt så ut URLen med en som peker mot din egen backend

  2. Kjør webappen

yarn dev
Docker (deployment)

Valgmulighet 1 - Bruke forhåndsbygget versjon

  1. Skriv denne kommandoen for å kjøre webappen.
docker run -d -p 3000:3000 --name mann-eller-kvinne-frontend ghcr.io/lblend/mann-eller-kvinne-frontend:latest

Her kan du så klart endre på variabler som du ønsker

Merk at ved bruk av denne valgmuligheten så kan du ikke endre på hvilken adresse som peker til backenden. Du er dermed bindet til å sette opp denne på http://localhost:5000. Dette er fordi byggesystemet "vite" ikke gjør det mulig å sette environment variables under run time, bare build time. Er det helt på trynet? ja, men dette er dessverre utenfor vår kontroll.

Valgmulighet 2 - Bygge et dockerbilde på egenhånd

  1. Klon repoet

  2. Gå inn i Dockerfila og endre på VITE_API_URL til å peke mot din backend.

  3. Bygg dockerbildet

docker build -t mann-eller-kvinne-frontend .
  1. Lag og kjør en dockercontainer
docker run -d -p 3000:3000 --name mann-eller-kvinne-frontend mann-eller-kvinne-frontend

Merk deg her at om du har valgt å endre port i dockerfila, så bør det reflekteres her.

Bidra

Les bidragsguiden før du gjør noe.