PORTFOLIO

Mina Arbeten

Projekt där design, problemlösning och kod möts.

Todo List

Mitt första project blev att skapa en interaktiv todo lista med HTML, CSS och JavaScript. Syftet var att träna på grunderna i frontend-utveckling, särskilt hur man hanterar användarinteraktioner och uppdaterar innehåll dynamiskt via DOM manipulation. Allt sker direkt i webbläsaren utan att sidan laddas om. Jag använde JavaScript för logiken, CSS för att skapa ett rent och modernt gränssnitt, och HTML för att strukturera innehållet.

Projektet låter användaren:

Lägga till nya uppgifter
Markera uppgifter som klara
Ta bort uppgifter

Klicka här för att testa! ↗

Hacker Escape Room

Hacker Escape Room är ett gruppprojekt där vi byggde en fiktiv webbplats för att boka upplevelser i escape rooms. Projektet använder JavaScript i frontend och Express som backend. Backend hanterar bokningslogik och datalagring, medan frontend ger en smidig och interaktiv användarupplevelse.

Projektet låter användaren:

Välja olika rum och datum
Kontrollera tillgängliga tider
Boka en plats direkt online

Klicka här för att testa! ↗

Kvikkjokk Kino

Kvikkjokk Kino är ett gruppprojekt där vi byggde ett bokningssystem för en fiktiv bio med Next.js. Vi kombinerade rendering på servern och interaktivitet på klientsidan, vilket gav en snabb och smidig upplevelse. Projektet visar hur fullstackapplikationer skapar dynamiska användarflöden och en modern webblösning.

Projektet låter användaren:

Se en lista över aktuella filmer
Läsa information om varje film
Boka biljetter direkt online

Klicka här för att testa! ↗

Wordle

Jag byggde ett spel inspirerat av Wordle med React i frontend och EJS + Express i backend. När man gissar rätt sparas tiden i en highscorelista som hämtas och uppdateras via backend. Projektet visar hur responsiv frontend, spellogik och datalagring kan arbeta sömlöst tillsammans.

Projektet låter användaren:

Välja ordlängd mellan 3 och 10 bokstäver
Bestämma om ord får ha upprepade bokstäver
Få direkt feedback och spara highscore

Klicka här för att testa! ↗

DnD Manager

DnD Manager är mitt examensarbete, skapat med Next.js för både frontend och backend och MySQL som relationsdatabas. Användare kan registrera ett konto, skapa flera Dungeons & Dragons karaktärer och enkelt visa detaljer från dator eller mobil.

Projektet låter användaren:

Skapa ett konto
Skapa olika karaktärer
Kolla upp skapade karaktärer

Klicka här för att testa! ↗

Registrera ett eget konto eller använd demokontot för att testa.

Användarnamn: Demo
Lösenord: Password