Deze week heb ik de productfoto’s van de klant in het systeem gezet met de juiste waarden en merknamen en ben ik begonnen aan de add to cart-functie voor de app. Hier heb ik best wat problemen mee gehad, aangezien ik nog niet wist hoe ik de data kon verwerken en kon laten zien in het cart screen. Dus heb ik het afgebroken door als eerste een simpel cart screen te maken met een add-to-cart-knop die eerst een alert had. Vandaaruit ben ik begonnen met de add-to-cart-functionaliteit. Op het eerste zich liep ik er heel erg tegenaan, aangezien ik niet wist hoe ik moest beginnen, tot ik een beetje zat te kijken hoe ik weer de backend aan de frontend koppel, waardoor ik mijn eerste testcode kon verwijderen dat de state van de knop verandert naar ‘added to cart’. Het is ook gelukt om de functionaliteit van de porties aan te maken, waarbij ik de ingrediënten verhoog of verlaag op basis van de porties. Hiervoor heb ik een vergelijkbare UI gebruikt van de AH-app, en zat ik er ook over na te denken om er checkboxes in te maken, waardoor je zelf ingrediënten kan kiezen om later in je winkelwagentje te zetten, maar dat heb ik nog niet besloten. Verder had ik ook de opdracht om productfoto’s van een klant in een database te zetten met de juiste eenheden. Aangezien Yannick een vergelijkingsplatform bouwt waar je Afrikaanse producten kan bestellen bij verschillende winkels. Voor deze opdracht zijn wij op bezoek gegaan bij de klant, waarbij wij foto’s hebben gemaakt van de producten in de winkel, die vervolgens automatisch in een database werden gestopt. Ook had Yannick een AI-tool die het merk en de inhoud kon aflezen als de afbeelding scherp genoeg was. Anders kon je dat ook nog handmatig toepassen. Vandaaruit was de opdracht voor mij om alle plaatjes nog eens door te gaan en te corrigeren. Ook ben ik verder gaan werken aan de app, waarbij ik de opdracht was om de hoeveelheid van de ingredienten te laten bepalen door het aantal porties. Hierbij was de opdracht dat ik de logica in React schreef en koppelde aan de backend, waardoor het automatisch wordt geüpdatet wanneer je de servings wijzigt Dit was best wel een uitdaging, aangezien ik in het begin alles statisch in JavaScript had, en niet wist hoe ik dit het beste kon aanpakken in Django. Hierdoor ben ik op onderzoek uitgegaan, waardoor ik erachter kwam dat ik volgens de models, serializers en views moest werken. Als eerst ben ik begonnen met de models, gezien dat het meest leek op SQL, aangezien je daar ook een functie definieert en een datatype eraan koppelt.
