ui-projekt

Da vi havde valgfags projekt besluttede jeg mig for at lave noget der gav mening i forhold til vores eksamensprojekt, jeg valgte at bygge et projekt i Vue.JS der hentede events ned fra en realtime database via en API fra firebase.

Jeg lavede en meget simpel forside og valgte derefter at gå igang med at nørde med at lave “fetch” requests til API’en for at hente de events der var defineret i et JSON format i databasen.

<script setup>
import { ref } from 'vue';

const events = ref([]);

const getEvents = () =>{
  fetch(`URL`, {
    method: 'GET',
  })
  .then((rawData) => {
    return rawData.json();
  })
  .then((data) => {
    // Tilgå events inden i en Nested Structure
    events.value = Object.values(data)[0].events;
    console.log(events.value);
  })
  .finally(() => {
    isLoading.value = false;
  });
};
Code language: HTML, XML (xml)

Efter jeg havde kodet tingene fædig skulle vi præsentere det for de andre på UI, den første dato for præsentation var jeg desværre syg, men jeg kom stærkt igen og var på ingen måde nervøs, jeg blev endda udfordret yderligere af vores underviser ved at blive spurgt ind til nogen ret tekniske ting hvilket jeg kun synes var super fedt, derudover var vores uddannelsesvejleder også til stede og hun kender slet ikke til det at kode, så der fik jeg også mulighed for at forklare hende hvordan både HTML, CSS, JavaScript og Vue.JS fungere helt basalt hvilket jeg havde det rigtig sjovt med.

Jeg synes det gav virkelig god mening med dette ui-projekt og det gjorde helt klart at jeg var bedre klædt på til eksamensprojektet.