ISBN't it Nice

Målet med projektet:

Målet med projektet var att utveckla en fullstack-applikation i form av en e-handel för böcker, med fokus på användarvänlighet, tydlig informationsstruktur och realistisk funktionalitet. Projektet skulle uppfylla samtliga tekniska krav, inklusive React i frontend, Express i backend, SQL-databas, TypeScript genom hela applikationen samt autentisering, rollstyrning och orderflöde.

Min erfarenhet:

Jag har arbetat med hela kedjan från databasdesign i SQLite till frontend-logik i React och API-kommunikation via Express. En stor del av arbetet har handlat om att hämta, strukturera och presentera data på olika sätt, exempelvis genom kategorier, nyheter och bästsäljare. Jag har lagt stort fokus på UX genom sökning, filtrering, infinite scroll, animationer och karuseller. Ett kreativt inslag i projektet är de dynamiskt genererade bokomslagen, där bilder från ett externt API kombineras med slumpmässiga fonter, textplacering och typografi via JavaScript. Jag har även implementerat favoriter, recensioner, delningsfunktioner, kundvagn med dynamisk uppdatering, samt en komplett kassa med fraktval, rabattkoder och automatisk prisberäkning.

Resultat:

Resultatet är en fullt fungerande bokhandel med produktlistor, detaljvyer, kundvagn, checkout och orderhistorik. Applikationen uppfyller samtliga krav för ett modernt fullstack-projekt och visar både teknisk bredd och ett starkt fokus på användarupplevelse, interaktivitet och visuell presentation.

Tech stack & verktyg:

Frontend: React.js, TypeScript Backend: Node.js, Express, TypeScript Databas: SQLite ORM / DB-hantering: SQL (egna queries) Autentisering: Inloggning & rollstyrning (admin/användare) UI & UX: Animationer, karuseller, infinite scroll State & logik: Dynamisk kundvagn, prisberäkning, favoriter Bilder: Externt API för bokomslag + egen JS-logik för overlay & typografi Kodkvalitet: ESLint, Prettier Mockdata: Mockaroo