Hackathon

women of the web

Na de eerste twee vakken te hebben afgerond, zijn wij een week lang bezig geweest met de zogenaamde hackathon. In deze week hebben wij in teamverband een project gemaakt en deze aan het einde van de week gepresenteerd. Wij moesten een loftuiting opzetten voor de women in tech. In deze week hebben wij gebruik gemaakt van voor ons nieuwe, experimentele technieken. Je leert dus ontzettend veel in zo'n korte tijd. Eerst zijn we met het team gaan brainstormen over wat we precies wilden maken. We hebben een aantal ideeën op papier gezet en deze gepresenteerd aan de rest van het team. Vervolgens hebben wij verdeeld wie welke technieken ging onderzoeken en welke we zouden willen gebruiken. We hebben gebruik gemaakt van een API waar wij alle informatie over de vrouwen uit konden halen. We hebben gebruik gemaakt van de volgende experimentele technieken:

Ons idee was een soort podium op te stellen waar we de vrouwen en hun kunsten als het ware laten zien. We hebben een carousel gemaakt waarin elke vrouw een eigen kaartje heeft met haar foto en naam. Al deze kaarten zitten samen in een carousel die je kan scrollen, met puur CSS. Hier hebben we ook gebruik gemaakt van stuck, snapped en scrollable. De hele carousel is ook een scroll-driven animation. Ook kun je de selectie van de vrouwen kiezen door een filteroptie op verschillende manieren. Hierbij hebben we gebruik gemaakt van de custom select. Wij waren met een team van vier, dus wilden wij graag zo veel mogelijk nieuwe technieken gebruiken. Daarom hebben we de sibling-count() ook verwerkt in de gordijnen bij ons podium, evenals anchor positioning in de lichten van het podium. Wanneer je op de naam klikt, komt op het podium de informatie over de dames vanuit de API geladen.

Afbeelding van het podium

Toen wij de hackathon uitgelegd kregen, vond ik het lastig te verbeelden hoeveel we nou precies zouden kunnen maken in zo'n korte tijd. Maar wat heb ik me hierover verbaasd. Het is echt ongelofelijk wat je in zo'n korte tijd kan maken met een team van vier. Ik had een heel fijn team om mee samen te werken. Ik vond het fijn dat ik mijn ideeën kon uitspreken, maar andersom ook. Iedereen luisterde naar elkaar en de input die we gaven over ideeën en hoe we het voor ons zagen. In deze week heb ik heel veel geleerd. Ik was niet bang om fouten te maken of om vragen te stellen en ook al had ik me meer ingelezen op één onderwerp, door de samenwerking met het team heb ik ook veel geleerd van de andere technieken. Omdat we elke dag samen aan het werken waren en veel aan het bespreken, was iedereen goed betrokken bij elkaars werk. Ik heb in deze week heel veel geleerd over nieuwe dingen en nu zou ik eerder een experimentele techniek durven uitproberen.