-
Velg dere et lagnavn!
-
Trykk på knappen
Deployunder. Dette vil kopiere prosjektet til din GitHub-bruker og bygge nettsiden til servertjenesten Vercel.
-
Test nettsiden deres mot Beacon. Hvordan ligger den an?
-
Klon prosjektet fra det nye repoet til maskinen din med Git. Gjør en endring i
src/routes/Home/Home.tsx, commit og push endringen.
Vercel vil nå automatisk rulle ut en ny versjon av siden. -
Når Vercel er ferdig med utrullingen, test nettsiden mot Beacon på nytt. Skjedde det en endring?
-
Grip fatt på oppgaven!
Oppgaven går ut på å gjøre nettsiden mer bærekraftig.
Innenfor den rammen kan dere gjøre hva dere vil med siden, så lenge essensen i innholdet er den samme.
Nettsiden testes mot Beacon, som regner ut hvor mye CO2 et besøk til side genererer. Prøv å få lavest mulig CO2-utslipp!
Test gjerne nettsiden deres mot Beacon mens dere jobber og dytter ut endringer til Vercel. Da kan dere se hvor mye CO2-utslippet har gått ned!
Her finner dere noen lenker som kan være nyttige underveis i prosjektet.
CloudConvert er et verktøy som kan brukes for å konvertere og komprimere masse forskjellige filer, deriblandt bilder.
https://cloudconvert.com/
Pexels er en side med gratis bilder.
https://www.pexels.com/
Unsplash er også en side med gratis bilder.
https://unsplash.com/
Fort ferdig? Herlig! Da kan dere få prøve dere på å legge noe til på en bærekraftig måte. Siden Contact us er helt tom. Fyll den med kontaktinfo og bilde til minst 3 personer i bedriften (som gjerne kan være imaginære), samt bedriftens adresse. Vær bevist på hvor store bilder dere bruker og hvor fjongt det må være!
Først må du ha Node.js installert. Det kan lastes ned herfra: https://nodejs.org/en/
Velg versjonen som er merket "LTS".
Klon så prosjektet med Git og kjør npm install i rotmappa for å installere avhengigheter.
Prosjektet kan så startes ved å kjøre npm start. Åpne http://localhost:3000 for å se den i nettleseren.
Siden vil laste på nytt hvis du gjør endringer.
Du vil også se eventuelle feilmeldinger i konsollen.