I denne workshopen skal vi ta for oss noen av de mest grunnleggende elementene innenfor Firebase-plattformen. Vi kommer til å fokusere på å bli kjent med Hosting, Firestore og Autentisering. Og for de aller ivrigste, så kan denne applikasjonen utvides videre med Firebase Functions og Firebase Storage.
Vi antar at deltakerne i denne workshopen har en grunnleggende forståelse for webutvikling generelt, og moderne JavaScript spesielt. Vi bruker React, så det er en fordel om du har noe kjennskap til dette.
- Node 16 - https://nodejs.org/en/download/
- Google-konto
- Github-konto https://github.com/
- Terminal (f.eks. iTerm for Mac eller Terminal for Windows)
- En IDE f.eks. VS Code (https://code.visualstudio.com/)
Vi skal lage en quiz-generator-applikasjon. I applikasjonen skal brukerne kunne legge til spørsmål og svar, se en oversikt over sine spørsmål, samt generere en quiz basert på alle de spørsmålene og svarene som er lagt inn i databasen.
Vi kommer til å starte uten noe brukerstyring, men vi vil etterhvert utvide slik at det er kun registrerte brukere som kan lage spørsmål og quiz, og at det er admin-brukerne som kan se en oversikt over det til en hver tid alle spørsmålene som ligger inne. På en slik måte kan man be folk legge inn ulike quiz-spørsmål, og få generert en quiz med et utvalg av spørsmålene i databasen.
Vi vil i første del fokusere på å sette opp en ny Firebase-applikasjon og klone denne koden, slik at vi kan jobbe videre på den som utgangspunkt. Vi skal knytte ditt Firebase-prosjekt til din versjon av quiz-generatoren og deploye applikasjonen slik at den dukker opp på din Firebase-konto.
Her går vi gjennom Firestore database Collections, Documents, Data. Snapshot, stream data, Datastruktur etc.
Vi kobler på Autentisering til applikasjonen. Knytter dette opp mot Users-collection. Går gjennom Authentication-fanen i Firebase. Ser på hva Auth-objektet er. Osv.
Fram til nå har vi ikke hatt noen kontroll på hvem som kan legge til spørsmål, legge til spørsmål og lage quiz. Samtidig har vi nå lagt til støtte for dette ved å koble på autentisering i applikasjonen. Nå er tiden inne for å knytte disse to sammen, slik at vi får litt kontroll på de som bruker applikasjonen.
For de som har lyst til på flere oppgaver.