PORTFOLIO

MARIE

FÄRNSTRÖM

Studerande webbutvecklare - söker LIA

TEKNIKER / VERKTYG

HTML CSS JavaScript React PHP Node.js C# Laravel WordPress MySQL SQLite MongoDB Git

Pågående projekt - Som sidoprojekt utvecklar jag just nu ett webbaserat spel i React där användaren klickar på rörliga objekt som dyker upp på skärmen, där olika typer av objekt ger olika poäng.
Projektet inkluderar funktionalitet för att anpassa spelet genom att ladda upp egna bilder som mål, och jag planerar att vidareutveckla detta med stöd för att ta bilder direkt via mobilkameran.
Syftet med projektet är att fördjupa mina kunskaper inom interaktiv frontend, state-hantering och användarinteraktion.

PROJEKT

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

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

KINFORMA

Ett frontend-fokuserat samarbete med klasserna Digital Design och Computer Graphics, där vi utvecklade en landing page för det fiktiva varumärket Kinforma. Sidan introducerar varumärket, visar produktkollektionen och är designad för att samla e-postadresser för framtida kunder.
E-postformulär och vissa länkar/knappar finns på sidan för att visa design och layout, men implementerades inte fullt ut eftersom projektets fokus låg på frontend och responsivitet.
Jag arbetade tillsammans med två klasskamrater med utvecklingen av sidan, baserat på Figma-designer från Digital Design-klassen.

Tekniker: JavaScript, PHP

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