Ter voorbereiding van het maken van een nieuwe backoffice, ben ik collega's een de slag gegaan met het maken van een admintemplate hiervan. Pagina's en styling waren al vastgelegd in een ontwerp, en dit moest uitgewerkt worden in html/scss. Dit is gedaan zodat de uiteindelijk implementatie van de backoffice gemakkelijker gaat, met een scheiding tussen UI en functionaliteit.

Er is zoveel mogelijk gewerkt met generieke stukken html/scss. In lijn met die gedachte ben ik gestart met het maken van inputs, zoekboxen en date/time pickers. Hierbij zijn javascript libraries gebruikt, die vervolgens in onze stijl gezet zijn. Daarna ben ik aan de slag geweest met de structuur van formulieren. Alle elementen moesten in allerlei smaken opgeleverd worden, zodat bij het maken van pagina's gemakkelijk de juiste gebruikt kan worden. Bij voorbaat is er nagedacht over verschillende opties om de implementatie van de UI elementen simpel te houden.

Vervolgens zijn we gaan werken aan een set pagina's die alle unieke UI elementen bevatten. Hierbij was het erg fijn om allerlei blokjes en stukjes die al gemaakt waren te kunnen gebruiken. Er moest goed worden afgestemt dat allemaal dezelfde stijl keuzes gemaakt worden.

Het was een leuke test en bugfix fase, waar ik op allerlei plekken dingen gelijk heb getrokken en een aantal javascript bugfixes heb gedaan. Het is fijn om in de bugfix fase gemakkelijk wijzingen te kunnen maken. Samenwerking werdt benadrukt met dagelijkse standups en peer review wanneer iemand iets af had. Dit project heeft me geholpen om mijn html/scss vaardigheden scherp te houden.