Stephanie Lambrighs
Wil je meer weten over hoe ik het ervaar om stage te doen bij Cegeka. Bekijk dan zeker regelmatig mijn blog!
Wil je zelf meer weten over Cegeka bekijk dan zeker hun website!
Bij mijn vorige blog had ik al aangehaald dat de stageopdracht voor mij echt een uitdaging is. Vandaag ga ik jullie vertellen over hoever ik sta. Ik ga me vooral toeleggen op het frontend gedeelte.
De frontend is het gedeelte waar de gebruikers mee zullen werken. Hiervoor is er gekozen voor de programmeertaal React. Dit is een library voor javascript die op een gemakkelijkere manier een pagina kan renderen en API calls kan doen. Dit wil helaas niet zeggen dat het gemakkelijk is om het te leren. Integendeel zelfs.
De voorbije jaren is er heel wat veranderd aan het React framework. Dit maakt dat het soms moeilijk is om de juiste informatie bij elkaar te sprokkelen die van toepassing is op onze versie van React. Hierdoor is bugs oplossen soms een tijdrovende taak.
De bedoeling van onze frontend is om het voor gebruikers mogelijk te maken om flows samen te stellen. Dit kunnen ze doen via een drag and drop systeem met verschillende blokjes, of nodes, die ze dan op een canvas kunnen slepen. Deze blokjes kunnen dan met elkaar verbonden worden. Wanneer de gebruiker klaar is met het samenstellen van een flow kan men op de save knop klikken en zal de flow achterliggend worden opgeslagen in een database.
Momenteel beschikt de applicatie over een home pagina waar een menu verschijnt. Via dit menu kan men navigeren naar verschillende andere pagina’s binnen de applicatie. Naast deze navigatie wordt er ook een lijst getoond van alle bestaande flows. De flows worden telkens live opgehaald in de API zodat steeds de meeste recente data tevoorschijn komt. Een foto van deze pagina zie je hieronder.
Naast de home pagina is er ook een flow pagina voorzien. Op deze pagina kan een gebruiker een nieuwe flow aanmaken en samenstellen. Aan de rechterkant zie je een sidebar met alle beschikbare nodes.
In het midden van je scherm zie je een groot canvas. Nu kan de gebruiker nodes van de sidebar op het canvas slepen en zo een flow samenstellen.
Bovendien kan je ook een bestaande flow aanpassen. Dit doe je door op de homepagina de klikken op een flow in de lijst. Dan kom je op de pagina van die specifieke flow uit.
Het opzetten van dit systeem om flows aan te maken en op te slaan heeft me best wel wat tijd gekost. Ik kwam regelmatig bugs tegen en het was niet altijd evident om deze snel op te lossen. Gelukkig krijg ik goede begeleiding van mijn stagementor en kan ik daar steeds terecht.
Ik zorg wel steeds dat ik elke sprint klaar ben met mijn taken en de gevraagde deadlines haal. Tot nu toe is dit al elke keer gelukt. Hieruit kan ik afleiden dat ik mijn tickets in de sprint juist inschat. Volgende week begint de volgende sprint en ga ik mij volledig focussen op het backend gedeelte. Ik kijk er alvast naar uit!