Løsning for case oppgave gitt av Solidsquare. Oppgaven var som følgende:
Vi har et team som jobber med å designe og utvikle en ny nettløsning for kjøreskolen Wright. Designet er stort sett på plass, nå begynner jobben for utviklerne og teamet ønsker å ha ett eget designsystem de kan bruke til frontendutviklingen. Målet er å bygge et designsystem bestående av gjenbrukbare komponenter slik at fremtidig utvikling kan gå fortere og at applikasjonen får et helhetlig og sammenhengende utseende.
Vi har lagt med skissen til et dashbord, både for desktop og mobil. I denne oppgaven ønsker vi at kandidaten lager et forslag til hvilke komponenter som trengs for å kunne bygge dashboardet. I tillegg ønsker vi at kandidaten skal velge seg ut minimum 3 av disse komponentene og skrive html og css (evt javascript ved behov) for disse.
Det er et pluss om komponentene følger prinsippene til Atomic design (https://atomicdesign.bradfrost.com/chapter-2/), men det viktigste er at komponentene følger “The single responsibility principle”. Ikonene i skissene kan byttes ut med dummy-ikoner, evt bruk ikoner fra Font Awesome. Fonten i designet er lisensiert, så bruk en standard font og velg fontstørrelser du syntes ser passende ut. Avstandene/spacing er heller ikke spesifisert i skissene, velg margin/padding du syntes passer. Semantisk riktig html er en fordel.
Vi ønsker også at kandidaten lager en eksempelside som tar i bruk de komponentene hun/han har valgt å utvikle. Denne siden trenger ikke å ligne på dashbordet, men er kun ment for å vise eksempler på bruk.
Innleveringen skal bestå av
- Kort beskrivelse av hvilke komponenter som trengs (gjerne med bilde av hver enkelt komponent)
- Koden til de komponentene kandidaten har valgt å utvikle
- Koden til en eksempelside som viser bruk av komponentene.
Lykke til og ikke nøl med å ta kontakt dersom det skulle være noen spørsmål