Logboek

Maandag 25 oktober

We begonnen met een introductie over het vak. Daarna hebben we de vragenlijst voor de dataset ingevuld. We kregen de groepjes en daarna was het de bedoeling om de dataset op te schonen en bruikbare dingen te zoeken. Aan het einde van de dag sloten we af met een check-out, waarbij ieder lid van de supportgroep zei wat zij/hij vandaag gedaan had.

Dinsdag 26 oktober

Vandaag begon de dag met theorie. We kregen een recap van blok-tech waarbij we uitleg kregen over onder andere het werken met Git.

Daarna gingen we door met zelfstandig werken. Ik ben begonnen met het opzetten van een project met Node en Express.js. Dit zodat ik mijn code kan tonen in de browser. Daarna ging ik door met het omzetten van de dataset naar oogkleuren. Dit lukte nog niet. Ik heb onderzoek gedaan naar verschillende packages om de data, zoals: Color string, Translate en Google Translate.

Woensdag 27 oktober

We begonnen

Na de research van gisteren kwam ik er achter dat ik niet vond wat ik kon gebruiken om de oogkleuren om te zetten naar het Engels. Ik heb besloten om de ingevoerde kleuren in een switch te zetten zodat de kleuren omgezet worden naar Engels. Ik heb daar deze bronnen voor gebruikt: Switch for loop en W3Schools JS Switch.

const getColor = function (color) {
    switch (color) {
        case 'bruin':
            return 'sienna'
        case 'blauw':
            return 'deepskyblue'
        case 'grijs':
            return 'gray'
        case 'groen':
            return 'green'
        case 'donkerbruin':
            return 'saddlebrown'
        case 'groen - grijs':
            return 'darkseagreen'
        case 'groen-grijs':
            return 'darkseagreen'
        case 'groen-blauw':
            return 'mediumaquamarine'
    }
}

Hierdoor worden de kleuren omgezet naar Engels, waarna ik ze omzet naar een nieuwe array, welke wordt doorgestuurd naar de homepage. Vervolgens is het mogelijk om de array om te zetten naar rgb kleuren met de plugin: Color-string. Dit heb ik voor nu niet nodig omdat ik de kleuren heb omgezet naar kleuren welke css herkent.

const arrayLength = color.length;

  function translateColor(item) {
    return getColor(item)
  }

  const rgb = []

  for ( let i = 0; i < arrayLength; i++) {
    rgb.push(translateColor(color[i]))
  }

  app.get('/', (req, res) => res.render('index.ejs', {
    data: rgb,
  }))

Donderdag 28 oktober

Vandaag ben ik thuisgebleven. Ik heb daar verder gewerkt aan de Wiki van dit project.

Vrijdag 29 oktober

Vandaag ben ik ook thuisgebleven. Ik heb via Teams aan Robert de slides gevraagd van de afgelopen twee dagen. Deze heb ik uitgebreid bekeken.

Maandag 1 november

Vandaag zijn we begonnen met het zoeken van een geschikte dataset om in de komende weken te gebruiken. Ik had een goede dataset gevonden, namelijk de Football API. Hierin staan alle teams en landen met spelers en speelschema's. Toen ik de API werkend had en er verschillende dingen mee geprobeerd had, kreeg ik de melding.

errors: {
    requests: 'You have reached the request limit for the day, Go to https://dashboard.api-football.com to upgrade your plan.'
  }

Deze melding krijg ik doordat ik teveel requests gedaan heb, terwijl mijn gratis account maar 100 requests per dag accepteert. Hierdoor besloot ik om naar een andere API te zoeken.

Ik heb daarna de volgende API gevonden: Football-data. Dit is een vergelijkbare API waarin de standen en spelers van de belangrijkste competities zitten.

Ik heb de data van de API ingeladen door middel van Axios. Axios is een package dat onder andere JSON bestanden kan inladen via Node.js

Daarna kregen we een college van Deanna. Dit ging over de meeste functies van GitHub. Hier is een gedetailleerde samenvatting van het college.

Dinsdag 2 november

We begonnen de dag met een college van Joost Faber over Async. Hier is een gedetailleerde samenvatting van het college.

Daarna ben ik verder gegaan met de wiki en mijn readme. Ik heb Bas ook nog een tijdje geholpen met het laten zien van zijn data in de browser.

Woensdag 3 november

Vandaag begonnen we met een kleine uitleg over de Rubrics. Daarna kregen we de opdracht om elkaar te Peer-reviewen. Ik heb het project van Melvin gereviewd en Melvin die van mij.

Daaruit kwamen een aantal interessante issues. Bijvoorbeeld dat mijn for loops veroudert zijn en dat ik beter een nieuwe techniek kan gebruiken.

Daarna ging ik verder met mijn project. Ik heb twee modules opgezet om de code schoon te maken. Een daarvan is om de wedstrijddatum naar een leesbare datum om te zetten. Ik gebruik de package moment om de datum om te zetten.

const moment = require('moment')

module.exports = function filterData(data) { // filter data from API file
  return data.map((item) => {
    return moment(item).format('DD-MM-YYYY')
  })
}

Ik heb ook mijn code opgeschoond. Zo heb ik array functions gebruikt in plaats van de normale functions. De feedback van Melvin was heel bruikbaar. Ik heb mijn verouderde for loops omgezet naar array prototype methods. Nu ziet de code er een stuk schoner en overzichtelijker uit.

Daarna had ik met een ander groepje dan mijn support groepje een sit-down over wat iedereen gedaan heeft.

Thuis ben ik nog verder gegaan aan het project. Zo heb ik geprobeerd om een form te implementeren zodat de gebruiker zelf de speelronde kan kiezen. Dit is mij vandaag niet gelukt maar ik ga er morgen mee verder.

Donderdag 4 november

Vanmiddag moet het project worden ingeleverd. Ik heb nog een tijdje geprobeerd om de form werkend te krijgen, maar het is me niet gelukt. Ik heb aan Bas en Robert gevraagd of zij wisten hoe ik het kon oplossen, maar zelfs met hun hulp ben ik er niet uit gekomen.

Verder ben ik verder gegaan met het afronden van de de documentatie.