Bouwen - Tristandemuijnck/Codeforce-squad-page Wiki

Team

Github

Voorafgaand aan het bouwen hebben we onderling besproken wie welke onderdeel zou pakken aan de hand van onze gemaakte sketches. Via Github hebben we in het project leden aan taken kunnen koppelen. Daarbij is voor ieder onderdeel een aparte branch onstaan, zodat ieder onderdeel apart gepusht kon worden zonder dat we meteen in de problemen zouden komen. Met 4 branches zijn we aan de gang gegaan met het bouwen van onze squad-page.

Branches

image

Mergen

Voor het mergen van onze gemaakte taken waren we nog wel even aan het experimenteren. We wisten dat we zonder twijfel in aparte branches moesten gaan werken, anders werd het erg moeilijk om alles naar Git te pushen. Na enkele dagen konden we dan ook onze eerste Pull Request doen. De eerste 'section-team' branch moest eerst gemerged worden zodat er een voorbeeld was waar we overheen konden programmeren. Deze merge was succesvol gelukt, waardoor onze teamleden daarop verder konden gaan werken.

Individueel - Tristan de Muijnck

Het bouwen is voor mij begonnen met het maken van een <main> container. Hierin heb ik de aparte sections gemaakt, <section> en <nav>. Vervolgens ben ik aan de slag gegaan met het maken van de carrousel voor de buttons van de verschillende groepen. Deze carrousel is geinspireerd op de website van Sanne 't Hooft, waar hij een carrousel gebruikt voor verschillende soorten ijsjes. Ik vond dit een leuk idee en besloot deze na te maken. Ik begon met het lezen van de broncode van de website. Hierna heb ik de styling en de scripts doorgelezen. Nadat ik een basis idee had van wat alle code uiteindelijk deed, begon ik met het namaken in mijn eigen omgeving. Dit ging eigenlijk meteen goed enkel staat er nog veel code in mijn scripts die mogelijk korter kunnen. (Aandachtspuntje) Vervolgens ben ik bezig geweest met het verbinden van de carrousel en de buttons daarvan met een navigatie list. Deze lijst is verbonden met het specifieke knopje waar op wordt geklikt.

Samenwerking aspect

Ik heb gemerkt dat het nog lastig is om samen te werken zonder duidelijk afspraken te maken over wat voor styling er gebruikt moet worden. Denk hierbij aan font gebruik, kleur gebruik of class namen. Wel heb ik samen gewerkt met onder andere live share op visual code waarmee tegelijk aan 1 file kon worden gewerkt door meerdere personen.

⚠️ **GitHub.com Fallback** ⚠️