I dette projekt skulle vi som gruppe re-implementere en kommerciel hjemmeside i HTML,CSS og JavaScript.
Vi som gruppe valgte hjemmesiden Blomster by Sløk, som er blomsterforretning i Odense NV. Ideen var at lave nogle de eksisterende elementer og tilføje nogle nye elementer som vi kunne skabe i javascript.
Selve processen startede med at kigget på flere forskellige hjemmesider og hvilket vil give bedst mening for os at arbejde med som vi har forstået opgaven.
Vi endte så med Blomster by Sløk da det havde en klart visuel identitet, de havde elementer som man kunne lave i javascript men heller ikke så mange elementer at det var for overvældende.
Efter vi havde satset på den hjemmeside, gik vi i gang med at re-implementere sidens HTML og CSS. Så begyndte vi at snakke om og diskutere, hvad vi kunne lave som vores JS elementer. Vi var 5 i gruppen, så vi vidste at vi skulle finde på 5 separat js elementer. I sidste ende kom vi til at der skulle laves en billede carousel, en billedgalleri, en burger menu, en tilbud pop up og en produkt/pris valg.
Jeg fik uddelt et billede carousel Javascript. Dog det var meget svært da kode er noget jeg synes er ekstremt forvirrende og kompliceret, brugen af w3schools og en smule chat gpt gjorde at jeg i sidste ende fik lavet det produkt jeg skulle.
Refleksion:
Generelt gik det ret fint, vi havde et meget godt samarbejde som gruppe.
Jeg oplevet lidt besvær med koden da det er noget jeg syne ser ret forvirrende og så havde jeg også lavet den store fejl om at ikke trippel tjek at min carousel var fuldstændigt responsiv så teksten på den faldt af så snart man prøvet at lave skærmen mindre.
Igennem vores feedback fik vi også at vide at dog overalt er det fint, så var der tydeligvis nogle ting vi havde overset. Det kan jeg godt se nu vi reflekterer over det og så tror jeg også det blev ekstra kompliceret da det var oven i netværksdag også. Jeg føler fremadrettet, hvis man kunne skille de to opgaver ad eller i det mindste give dem to forskellige “kick offs”, vil det være rart så det var nemmere at holde overblik.