YRGO:XP
En mobilanpassad interaktiv applikation utvecklad tillsammans med en klasskamrat, i samarbete med två
studenter från digital design som ansvarade för UI-designen. Projektet togs fram för ett LIA-event
för klasserna webbutvecklare och digital design samt branschfolk och företag.
Applikationen används vid mingel för att hjälpa deltagare att bryta isen genom att generera
branschrelevanta “conversation starters”. Frågorna är indelade i tre nivåer (easy till hardcore),
där högre nivåer ger fler XP-poäng.
Alla användares poäng visas i en live scoreboard som uppdateras i realtid.
Projektet använder en Supabase-databas för lagring av användare och frågor samt innehåller
flerspråkigt stöd.
Tekniker: React, Vite, Styled Components, Supabase, React Router
Se sidan
RUNTIME TERROR
Ett interaktivt webbaserat skräckspel utvecklat tillsammans med två klasskamrater som en del av ett
större digitalt tivoli. Spelet består av flera rum där spelaren ska interagera med olika element för
att ta sig vidare genom huset.
Projektet har ett stort fokus på atmosfär och användarupplevelse genom animationer, ljudeffekter och
bakgrundsmusik. Spelet använder ett globalt state för att hantera progression mellan rum och låsta
dörrar. För tivoli-versionen integrerades även betalning, åtkomsthantering och kommunikation med den
övergripande plattformen.
Tekniker: Next.js, TypeScript, Tailwind CSS, Zustand, Framer Motion, Howler.js
Se sidan
PENNIES AND PEAS
Ett personligt budgetverktyg utvecklat tillsammans med en klasskamrat. Applikationen låter
användaren registrera inkomster och utgifter, se summeringar, visualisera utgifter med cirkeldiagram
och få budgetförslag samt råd vid överutgifter.
Projektet lagrar budgetdata i JSON-filer lokalt, och vi planerar att vidareutveckla det för att
koppla mot en databas innan deployment.
Tekniker: Node.js, Express.js, Pug, Chart.js, JSON
Till GitHub-repot
NAILED IT
Detta projekt är ett samarbete med en klasskamrat där vi utvecklade en webbapplikation i Laravel för
hantering av produkter och kategorier
Projektet låter användare bläddra mellan produktkategorier, filtrera produkter och utföra
CRUD-operationer
såsom att skapa, redigera och ta bort produkter via ett administrativt dashboard.
Applikationen är uppbyggd enligt MVC-arkitektur och använder Blade-templating tillsammans med
Eloquent ORM
för att hantera databaserade relationer mellan produkter och kategorier.
Filtrering sker via GET-parametrar vilket gör det möjligt att dela och bokmärka specifika sökningar.
Databasen är seedad med realistisk testdata för att ge en komplett och konsekvent användarupplevelse
vid uppstart.
Tekniker: Laravel, PHP, Blade, Eloquent ORM, MySQL
Till GitHub-repot
YRGOPELAG
Ett solo-projekt där jag utvecklade en bokningssida för ett fiktivt hotell i PHP. Användaren
kan se tillgängliga rum, välja datum och genomföra en bokning via ett externt API.
Observera: sidan är utvecklad endast för desktop.
I projektet arbetade jag med databashantering, säker databasåtkomst via PDO samt backend-logik för
bokningar och prisberäkning.
Tekniker: PHP, PDO, SQLite, API-integration.
Se sidan
TRIVIA
Detta var mitt första projekt i JavaScript och mitt första arbete med ett externt API. Applikationen
låter användaren välja en kategori och besvara 10 flervalsfrågor. Efter avslutat quiz visas
användarens resultat.
Tekniker: JavaScript, API-integration
Se sidan