Mangosteen Webbplats
Ett skolprojekt som jag gjorde tillsammans med några klasskompisar. Vi byggde en dynamisk webbsida i React där vi hämtade produkter som kläder, smycken och accessoarer från ett externt API. Användaren kunde bläddra bland produkterna och få mer information om varje artikel. Projektet stylades med ren CSS.
Komponentbaserad utveckling med React
Frontend byggdes i React, där vi valde att arbeta komponentbaserat. Det innebar att varje del – som t.ex. knappar, kort, formulär – skapades som egna komponenter som kunde återanvändas och kombineras. Detta gjorde koden mer modulär och lättare att underhålla.
Git och versionshantering
Vi delade upp arbetet mellan oss med hjälp av Git och GitHub där vi jobbade i olika branches och gjorde pull requests för granskning. Det skapade en tydlig arbetsprocess och säkerställde kodkvalitet. Under utvecklingen hade vi kontinuerliga korta avstämningar för att synka frontend mot både design och funktionella krav.
Responsivitet och tillgänglighet
Redan tidigt i processen fokuserade vi på att göra appen responsiv. Vi testade regelbundet i olika skärmstorlekar och säkerställde att allt fungerade både på mobil och desktop. Vi tänkte även på tillgänglighet genom att använda semantiska element, tydliga kontraster och god läsbarhet.
Mobilanpassning
