Santa’s list: en MVP för julens önskelistor

Uppdraget

Att bygga en webbplats som kallar på ett API, har sökfunktion, minst två sidor och responsiv design.

Verktygen

IDE: Webstorm
Programmeringsspråk: HTML, CSS och Javascript
Deployment: GitHub.
Resurser: w3schools.com och Claude code.
API: https://fakestoreapi.com

MVP-lösningen

En tematisk webbplats där användaren kan kurera sin egen önskelista med produkter från olika e-handlare och sedan enkelt dela listan med andra inför julhandeln.

Se webbplatsen Min önskelista här!

Den här gjorde jag i en kurs i grundläggande Frontend på Stockholms Tekniska Insitut. För mig var det viktigt att förstå logiken bakom varje interaktion så jag skrev så mycket som möjligt av koden själv. Det var en intensiv kurs som också ägde rum i november 2025, innan det stora språnget som AI gjort sedan dess. Jag upplevde då att jag blev mer stjälpt än hjälpt av AI, så jag använde det främst för att bolla och felsöka.

Den stora visionen

Funktionalitet

• Webbapp med responsiv design som funkar på alla storlekar.
• Tredjeparts-integration: Användaren söker och filtrerar produkter från flera e-handlare i ett och samma gränssnitt, vilket minskar den kognitiva belastningen av att hoppa mellan olika plattformar.
• Export av önskelista med info, pris och länk till varje produkt på respektive e-handlares webbplats.

Delightful Design

• Interaktiva element som gör sajten riktigt töntigt julig!
• Snö som faller och samlas i en snödriva i footern.
• Önskelistan kan få olika utseenden, t.ex. som en pergamentrulle. 
• Random wishlist: en tärningsfunktion som skapar en helt eller delvis slumpmässig lista.