Uge 9+10:
Vue frontend
Delmål:
Produkt side
Indkøbskurve
lave forskellige komponenter og pages
tilføje routing
Oprettelse af parent og child komponent
Hvordan vil jeg opnå målene
Videoer fra youtube
hjælper fra medstudrende, samt hjælp fra chatGPT eller google hvis jeg skulle gå i stå.
Jeg har opnået målene når:
Jeg har nået målene når jeg har fået implementeret de overstående nævnte funktioner.
Evaluering:
Jeg fik lavede alle de nævnte funktioner jeg har sat i starten.
Fik testet det med nogle hardcoded billeder og tekst uden database, da det ikke fungerede på det tidspunkt. og det viste sig at alt fungerede som det skulle.
Fik oprettet en parent kompont såsom ShoppingCartpage med tilhørende child komponent ShoppingCartList.
Fik oprettet Routing og dynamisk routing med tilhørende path der skal hjælp med at navigere ved af vue routing når der skiftes til forskellige sider.
Fik oprettet genanvendelig vue-komponent
Uge 11+12:
MongoDB
Delmål:
Lære grundlæggende omkring MongoDB database, evt. hvordan man opsætter og konfigurere database med et cluster.
Hvordan man anvender mongoDb shell i vs code kontekst.
Se om jeg kan implementere backend med database integration med mongoDB.
Finde ude af hvordan man forbinder vue.js frontend med backend via brug af express.
Hvordan vil jeg opnå målene
En video tutorial fra youtube
hjælper fra medstudrende, samt hjælp fra chatGPT eller google hvis jeg skulle gå i stå.
Benytte ERFA gruppen.
Jeg har opnået målene når:
Når jeg har nået mit mål når jeg er færdig med de vigtigste med de vigtigste funktioner af database delen.
Evaluering:
Fik oprettet et online mongodb Atlas database med brugernavn og adgangskode, samt hvem der kan have adgang til databasen.
Fik oprettet et dokument med nogle kollektioner fra mongodb shell.
Kunne nogenlunde forbinde frontend med backend via brug af express med nogle fejl, som jeg løste senere hen.
Jeg havde en møde med en fra min gruppe der også har samme emne som mig, og sad og kæmpede med at få tilføjet database til, men forgæves da det fungerede ikke på mit bærbar, og det fungerede hellere ikke, da vi ikke kunne bruge skolens netværk til at oprette forbindelse til vores database.
Det har været en udfordring at løse backend integration med mongoDB, jeg sad i lang tid forsøg på at løse med en fra gruppen, men forgæves, kunne ikke løse det, og mistet motivationen. jeg undersøgte sagen, og fandt ud af at det var nemmere at arbejde på en mac computer, jeg fandt en måde at løse det på.
Uge 14+15:
I denne her uge skal jeg se om jeg kan lave nogle små projekter der vedrører både vue samt mongoDB, så jeg får det nemmere når jeg skal til at arbejde videre på projektet.
Vue + MongoDB
Delmål:
Følge en javascript video og lave en lille projekt med det.
Følge en video tutorial og lave det jeg har lært uden at kigge.
At kunne lave komponenter til en lille projekt.
At kunne forstå og lave props
At oprette en simpel database med data
At forstå de grundlæggende koncepter inden for MongoDB
Hvordan vil jeg opnå målene
En video tutorial fra youtube
hjælper fra medstudrende, samt hjælp fra chatGPT eller google hvis jeg skulle gå i stå.
Jeg har opnået målene når:
Når jeg har opnået delmålene ud fra listen ovenfor.
Evaluering:
Jeg startede på video med javascript, men valgte at gå væk fra den og fokusere på et bygge projekter med vue.js øve mig selv uden at kigge, og på denne måde vil jeg lære bedst at udvikle mig, jeg startede forkert da jeg bar fulgte tutorial uden at selv øve og havde mere fokus på produktet i stedet for processen, nu vil jeg have mit fokus mere på processen og oplæring og lave produktet efter jeg øvet mig med et par små projekter.
Uge 18+19:
I de her to uger skal forsøge at rette den fejl jeg havde på mit windows bærbar, Denne her gang skal jeg næsten starte forfra evt. genbruge noget kode fra front-end delen.
Vue + MongoDB
Delmål:
Da det ikke virkede på windows bærbar med en masser af fejl og udfordring, skal jeg forsøge at lave projektet på en Mac, og har undersøgt nogle ting tidliger som jeg kan benytte for at få succes denne gang.
Efter det skal jeg forsøge at rette tidligere fejl hvor jeg gik stå, og se om jeg kan færdiggør front-end delen, og begynde at tilføje database til.
Jeg fik lavede nogle CRUD metoder med express for at teste det se om det virker med postmanden.
Hvordan vil jeg opnå målene
videoer fra youtube
hjælper fra medstudrende, samt hjælp fra chatGPT eller google hvis jeg skulle gå i stå.
snakke med min gruppe og evt. ERFA gruppe
Jeg har opnået målene når:
Når jeg har opnået delmålene når jeg har lavet frond-end delen med vue.js.
Når jeg har rettet fejlen med at få etableret forbindelse til databasen igennem express.
Evaluering:
jeg kom godt i gang med projektet og er næsten færdig med front-end delen, og mangler nogle rettelse til front-end delen og fortsætter med back-end delen med MongoDB til næste uge.
Det gik bedre med at arbejde med MAC end windows in mit tilfælde, og her kunne jeg bruge et teknologi der hedder homebrew til at installere
Uge 20+21:
Vue + MongoDB
Delmål:
I denne her uge skal jeg gør front-end delen færdig med nogle rettelse, og begynde på back-end/database delen og forhåbentlig blive færdig med back-end i næste uge og gør klar til video aflveringen.
Jeg skal også få bundet front-end med backend sådan at når man åbner hjemmesiden skal den loade produkter fra databasen.
Det skal jeg bruge et teknologi der her Axios der forbinder frontend med databasen igennem express via API kald med noget proxy.
Jeg mangler at binde knappen så at fx der tilføjes en produkt fra listen til indkøbskurven, og det kan fx gøres med event binding så den sender en data forspørgsel til databasen.
Hvordan vil jeg opnå målene
videoer fra youtube
hjælper fra medstuderende, samt hjælp fra chatGPT eller google hvis jeg skulle gå i stå.
Kommunikation med ERFA gruppe, samt andre gruppe medlemmer.
Jeg har opnået målene når:
Jeg har nået mit mål når jeg er færdig med frontend delen.
Når jeg har opnået målet når jeg har forbundet frontend med backend via brug af axios vha express backend.
Når jeg starter hjemmesiden skal den kunne loade produkter fra MongoDB.
Den skal kunne lave en post request når jeg tilføjer et produkt til indkøbskurven.
Brugeren skal kunne også slette fra deres kurve.
Evaluering:
Det gik rigtige fint, jeg blev færdig med front-end delen som jeg havde problemer med tidligere. Ift. problemer fik jeg snakket med min med studerende, ERFA møder samt hjælp fra youtube video samt chatten hjælp til når jeg mødte udfordringer. Jeg blev færdig med backend delen i det andet uge.
Jeg manglede at lave event binding når brugeren klikker på knappen tilføj til kurven og det lykkedes via brug af axios.
jeg nåede desværre ikke sådan noget som login, og adskillelse af admin bruger.
Jeg blev sådan set færdig, men skal lig afrunde det sidste inden jeg skal gå i gang med at lave video aflevering og dokumentet ift. eksamen.