Detta är en parprogrammerings-övning så ställa gärna frågor och google är din vän. Det är också bra att tänka högt och diskutera vad som ska göras. Co-pilot är ej tillåtet.
Byggarebob jobbar på sin nya webbplats och vill kunna visa upp all sin otroliga personal för sina kunder.
Målet är att kunna presentera företagets personal i en lista innehållande bilder, namn och yrke
Exempel på hur det kan se ut.
Vi behöver i våran POC inte designa allt utan det viktigaste är att visa för Byggarebob att react är rätt verktyg för att lösa detta problem.
Informationen som behövs för att hämta personalen finns en json fil (employees.json) som ska representera utdata ifrån ett api, detta bör hämtas via ett "get" anrop till http://localhost:3000/api/employees.json. Utdatan ser ut som exemplet nedan:
[
{
"id": 1,
"name": "Torbjörn",
"profession": "Designer",
"imageUrl": "/images/Designer.svg"
}
]Tips för starta miljö: npm run dev
- En mui component (se resurser för länk)
- En react component
- En custom hook (förslagsvis bryta ut api-anropet)