search

Daan645 / lose-your-head-the-client-case

Ontwerp en maak een website voor een opdrachtgever op basis van een Headless CMS API
https://lose-your-head-the-client-case-5q6r.vercel.app/
0 stars 1 forks source link

Error page #30

Open TomDeeterink1 opened 1 month ago

TomDeeterink1 commented 1 month ago

Er moet een error page komen voor de site.

TomDeeterink1 commented 3 days ago

Eerste werk aan component

Link naar design en breakdowns

Design

Als eerste heb ik een design gemaakt voor het component, deze is vanuit mobile first uitgewerkt. Het design bevat een design voor mobiel, tablet en desktop. Ook heb ik hier aandacht besteed aan de rest van de UI, zo dat dit goed past binnen het huidige design.

Image

Breakdown Atom design

Ik heb een breakdown gemaakt van het component volgens de Atom design filosofie, hier laat ik zien uit welke atomen, molecules en organismes het component is gebouwd. Vervolgens geef ik een korte opsomming van welke html elementen ik hier voor in gedachten had.

Image

Breakdown JS

Ook heb ik een korte beschrijving gemaakt van de JS functie die bij de form zal horen. De code schrijf ik later, en leg ik uit door middel van comments.

Image

Kleuren testen

Ik heb ook de verschillende kleuren getest op contrast, hier komen veel negatieve antwoorden uit. We hebben dit al besproken met de opdrachtgever in de laatste sprint review. Dit gaan wij dan ook niet veranderen helaas.

Image

TomDeeterink1 commented 3 days ago

Maken van To Home button

Ik ben begonnen met het maken van de To home button. Dit zijn de stappen die ik onderneem om dit component helemaal goed te maken (responsive, accesible).

De to home button is een atoom.

TomDeeterink1 commented 3 days ago

Begin maken van de form

Ik ben begonnen met het maken van de form. Dit zijn de stappen die ik onderneem om dit component helemaal goed te maken (responsive, accesible).

De to form is een atoom.

TomDeeterink1 commented 2 days ago

Begin maken van de error section

Ik ga nu beginnen met het in elkaar zetten van de error pagina.

Ik let weer op verschillende accesibilty punten.

Hierna ga ik de andere componenten responsive maken, zover dat nodig is. Ik denk namelijk dat het zo goed moet komen.

De error section is een organisme