Clojel
ROLL
Fullstack-utvecklare
VARAKTIGHET
2 veckor
TEKNIK
React, Vite, Tailwind CSS
TEAM
5 personer – 2 designers, 3 utvecklare
E-handelsapplikation byggd i team
Fullstack i team om fem
Clojel är ett skolprojekt där ett team om fem byggde en funktionell e-handelsapplikation på två veckor. Projektet täckte hela flödet: produktlista via API, produktdetaljsida, varukorg med localStorage och en orderbekräftelsesida.
Som en av tre fullstack-utvecklare ansvarade jag för komponentutveckling i React, API-integrationen för produkthämtning, state management för varukorgen samt responsiv layout med Tailwind CSS.
UTVECKLING
Vad vi byggde
Vi implementerade ett komplett shoppingflöde: produkter hämtas från ett externt API och visas i ett responsivt rutnät. Användaren kan se detaljerad produktinformation, lägga till varor i varukorgen, ändra antal och ta bort produkter. Varukorgens tillstånd sparas i localStorage så det kvarstår vid sidladdning.
Produktlista och varukorg
TEKNISKA BESLUT
State management och localStorage
Varukorgen hanteras med React state och synkroniseras med localStorage för persistens. Produktdata hämtas asynkront från API:et med useEffect och lagras i komponentens state. Tailwind CSS användes för responsiv design utan externa komponentbibliotek.
Kundvagn och orderbekräftelse
TEAMARBETE
Arbete i ett team om fem
Projektet genomfördes agilt under två veckor med tydlig uppdelning mellan designers och utvecklare. Designers levererade mockups i Figma som vi utvecklare implementerade. Git-arbetsflöde med feature branches och pull requests användes genomgående.