In de eerste week ben ik vooral bezig geweest met experimenteren. Door te experimenteren kon ik leren de bubble-machine API te gebruiken. Als Experiment had ik een dashboard gebouwd waarbij je een overzicht had van alle sessies. In het dashboard was het mogelijk om nieuwe sessies aan te maken, sessies te verwijderen of een sessie in te zien.

De functies die ik hier voor geschreven had zagen er als volgt uit:

export const getAllSessions = async () => {
  const data = await fetch(url)
  const response = await data.json()
  return response
}

export const createNewSession = async (req, res) => {
  const options = {
    headers: {
      Accept: '*/*'
    },
    method: 'POST'
  }
  const data = await fetch(url, options)
  const response = await data.json()
  renderIndex(req, res)
  return response
}

export const deleteSession = async (req, res) => {
  const sessionId = req.body.session
  const options = {
    headers: {
      Accept: '*/*'
    },
    method: 'DELETE'
  }
  const data = await fetch(url + sessionId, options)
  const response = await data
  res.redirect('/')
  return response
}

export const getSessionData = async (req, res) => {
  const sessionId = req.params.id
  const data = await fetch(url + sessionId)
  const response = await data.json()
  return response
}

export const nextStep = async (req, res) => {
  const sessionId = req.params.id
  const sessionData = await getSessionData(req, res)
  const options = {
    headers: {
      Accept: '*/*'
    },
    method: 'POST'
  }
  const data = await fetch(`${url}${sessionId}/step`, options)
  const response = await data.json()
  renderSession(req, res)
}

Wanneer je een sessie inzag kreeg je het onderstaande scherm, alle rode bolletjes zijn gebruikers. Tim had deze code geschreven en ik had deze geïntegreerd in mijn Dashboard. Later werden er ook lijnen getrokken tussen de personen, deze lijnen geven aan of er een vriendschap of link tussen items is.

Onze opdrachtgever Yuri Westplat was onder de indruk wat we in een week hadden neergezet, over het dashboard was hij minder enthousiast omdat dit niet de hoofd functionaliteit is van de applicatie. Om die reden heb ik het dashboard niet verder uitgewerkt maar wel bewaard mocht deze toch gekoppeld moeten worden aan de applicatie.

https://bubble-machine-api-dummy.herokuapp.com/swagger-ui/index.html#/