Hikari
En fullstack e-handelsapplikation för ett fiktivt ljusvarumärke. Projektet gjordes i grupp och innehåller en komplett webshop med produktlistning, varukorg, checkout, orderbekräftelse och en adminpanel för produkthantering.
Teknikstack
Funktioner
Mål
Målet var att omsätta det vi lärt oss i ett realistiskt, fullstack-sammanhang, jobba som grupp på en gemensam kodbas och använda tekniker som Next.js App Router och Server Actions som var nya för oss. Vi ville att slutresultatet skulle kännas som en riktig produkt, inte bara en skoluppgift.
Utmaning
En av de större utmaningarna var att koordinera arbetet i gruppen och hålla koden konsekvent. Vi jobbade också med Next.js App Router och Server Actions för första gången, vilket innebar att förstå ett nytt tankesätt kring hur data flödar mellan klient och server.
Lösning
Vi delade upp ansvaret tydligt tidigt i projektet och höll kommunikationen igång under hela tiden. Att använda Server Actions för alla CRUD-operationer gav oss ett enhetligt mönster genom hela appen, och Prisma gjorde databaslagret enkelt att jobba med när vi väl hade schemat på plats.
Resultat & insikter
Det viktigaste jag tog med mig var hur mycket smidigare ett grupprojekt löper när struktur och kommunikation prioriteras från start. Jag fick också en gedigen förståelse för hur Server Actions och Prisma fungerar ihop i en riktig app, och hur mycket ett konsekvent mönster i kodbasen minskar friktionen när flera jobbar på samma sak. Utöver det skapade jag alla produktbilder och mockups till butiken, och implementerade darkmode, vilket lärde mig mycket om tematisering, CSS-variabler och att tänka i designsystem.