Development Lifecycle - sannevanseeventer/Magic-Universe-Squad-A-page GitHub Wiki

Analyseren

De opdracht was om een overzichtpagina met alle visitekaartjes van de studenten te maken. De squad is verdeeld in groepjes van 6 teamleden. We zijn begonnen met een teamcanvas waar wij onze doelen, verwachtingen en rollen hebben beschreven. Bij "Teamdoelen" vond ik persoonlijke ontwikkeling, duidelijkheid en respect de belangrijkste aspecten.

Ontwerpen

Ik ben begonnen met het maken van verschillende schetsen individueel. Uiteindelijk hebben wij alle schetsen van de teamleden naast elkaar gelegd en één idee uitgekozen. Het idee is dat alle visitekaartjes samen een kaartspel vormen. De visitekaartjes zijn onderaan de pagina verzameld op een rij en door te klikken op een kaart ga je naar het visitekaartje van een student uit squad A. Ik heb mij voornamelijk gericht op het design en het kleurgebruik en het structureren van de code.

191831950-31037305-7ff0-467a-bfb9-1d867dce5112

Bouwen

Om de projectstructuur te behouden hebben we onderling afgesproken hoe wij HTML, CSS en Javascript gaan verdelen binnen het team zodat iedereen de kans krijgt om een onderdeel te coderen. Ik heb mij voornamelijk bezig gehouden met het overzichtelijk krijgen van de code en het design. Robin heeft het stuk Javascript gedaan, Cathelijne is bezig geweest met breakpoints en het responsive krijgen van de website. Uiteindelijk kwamen alle stukjes op z'n plek en zijn we bij elkaar gekomen met het design en de werking.

Integreren

Na een merche-conflict hebben wij met het team besloten om allemaal in eigen branches te gaan werken, zodat andere aanpassingen niet door de war raakten. Uiteindelijk hebben we de definitieve versie uit mijn branche overgezet naar main en staat de website online.

Testen

Ik heb meerdere klasgenoten onze squad page laten testen en laten zien. Wij kregen er tot nu toe leuke reacties op en de website werkt.
⚠️ **GitHub.com Fallback** ⚠️