Hackaton, 1 week, 1 project

De hackaton stond in het teken van women in tech, we moesten hiervoor een ode maken in de vorm van een website. Samen met mijn groepje hebben we een website gemaakt met een wereld kaart die laat zien waar alle vrouwen vandaan komen. Met pins hebben we de plekken weergegeven met de informatie uit de API. In de API kregen wij alle informatie over de vrouwen om te verwerken in de website. We moesten gebruik maken van 3 nieuwe functies in css. Wij gebruikten:

• Carousel
• anchor-positioning
• sibling-index en sibling-count

Ik heb me vooral bezig gehouden met de carousel, ik heb de carousel gemaakt met css en html. Het carousel is volledig gebouwt in css wat het een stuk simpeler maakte dan met Javascript.

De eerste paar dagen heb ik mij vooral bezig gehouden met de styling van de website. Eerst koos ik voor een donker thema maar ik vond dat al snel niet mooi, en een beetje mannelijk.

Ik heb toen besloten om het thema te veranderen naar een lichter thema, met een vooral licht blauw en licht roze als thema. Ik vond deze kleuren veel beter passen bij het onderwerp van de website.

Ook heb ik lopen spelen met het logo. Ik vond het leuk om een logo te maken waar code in terug kwam. Dit is het uiteindelijke logo geworden:

Daarna heb ik mij dus vooral verdiept in de carousel. Dit was vrij makkelijk ook al werkte het niet gelijk. na lang zoeken kwam ik erachter dat er een divje teveel omheen zat. Toen die weg was werkte hij perfect! Het was een erg leuke week, ik heb veel geleerd over het maken van een website en het werken met een API. Ook heb ik veel geleerd over het werken in een team, en hoe je elkaar kan helpen met de verschillende dingen die je maakt. Het was ook erg leuk om te zien wat de andere groepen hebben gemaakt, en hoe verschillend iedereen het heeft aangepakt.