Erica Nordlöf Fullstackutvecklare
Portfolio · Case studies · Fullstack

Projekt där jag löst mer än bara kod.

Här visar jag hur jag arbetar från problem och krav till struktur, frontend, backend, data och fungerande produkt. Projekten visar hur jag kombinerar teknik med verksamhetsförståelse och praktisk problemlösning.

Se Fastighetsnavet Se Offroad Bumpis GitHub
React & TypeScript Node.js & Express REST API Databaser & JWT Docker & deployment Produkt- & verksamhetslogik
Live fullstackprojekt · Property Management

Fastighetsnavet

Ett fullstackbaserat Property Management System för fastighetsförvaltning. Jag byggde projektet för att samla fastigheter, hyresgäster, felanmälningar, arbetsorder, bilder och administration i ett gemensamt system.

  • Fastighetsregister
  • Hyresgästhantering
  • Felanmälningar
  • Arbetsorder
  • Relationsdata mellan poster
  • JWT-autentisering
  • Rollstyrda funktioner
  • Bilduppladdning
  • REST API
  • Live deployment på Render
React TypeScript Node.js Express REST API SQLite JWT Docker Render
Öppna Fastighetsnavet Se koden på GitHub
01 · Problem Många delar hör ihop

Fastigheter, hyresgäster, felanmälningar och arbetsorder är separata objekt men måste kunna kopplas ihop logiskt.

02 · Lösning Ett gemensamt system

Jag byggde ett gränssnitt där användaren kan hantera centrala förvaltningsflöden från samma applikation.

03 · Teknik Separat frontend och API

React och TypeScript i frontend kommunicerar med ett Node.js- och Express-baserat REST API.

04 · Resultat Live fullstackapp

Projektet är driftsatt och går att öppna, testa och granska direkt i webbläsaren.

Produktionssystem · Verklig verksamhet

Offroad Bumpis Booking

Ett eget boknings- och administrationssystem byggt för min faktiska uthyrningsverksamhet. Här möts kod, affärsregler, lagerlogik och kundflöden på riktigt.

Fullstack · Bokningssystem

Ett system byggt runt verkliga affärsregler

Det som började som ett behov av enklare bokning utvecklades till ett system för tillgänglighet, inventarier, priser, flerdagarsbokningar, betalningsstatus, rabattkoder och administration.

Problem

Manuell hantering av bokningar och utrustning blir snabbt svår när olika bollstorlekar, datum, lagerregler, leverans och priser påverkar om en bokning faktiskt kan genomföras.

Lösning

Ett eget system där affärsreglerna ligger i logiken och där kunden kan boka samtidigt som verksamheten får strukturerad information.

Mitt fokus

Produktägarskap, kravställning, frontend, backend, bokningslogik, lagerregler, datamodell och deployment.

Resultat

Ett produktionssystem byggt för ett riktigt företag och verkliga kunder, inte bara ett skolprojekt med låtsasdata.

Node.js Express JavaScript Databas Affärslogik Render
Öppna live-systemet GitHub

Fler utvalda projekt

Projekten visar olika delar av min kompetens: produktutveckling, React och TypeScript, frontend, UX, dokumentflöden och teknisk struktur.

React · TypeScript · Produktutveckling

Safe Standard App

En React- och TypeScript-applikation för strukturerad dokumentation vid direktuthyrning.

Problem

Avtal, villkor, bilder, överlämning, skador och dokumentation hamnar lätt utspridda i olika system och meddelanden.

Lösning

Ett case-baserat arbetsflöde där information och dokumentation samlas kring samma uthyrningsärende.

Funktioner

Avtal, villkor, checklistor, skadedokumentation, bilder, PDF-flöden, licensstyrning och publik verifiering.

Vad projektet visar

Produktlogik, React-arkitektur och hur ett större användarflöde kan delas upp i tydliga moduler.

React TypeScript Vite React Router PWA PDF
Öppna app GitHub
Frontend · UX · Responsiv webb

Hansen Bygg & Grönt

Företagswebb för bygg, snickeri och trädgård i Skåne.

Problem

Flera tjänsteområden behöver presenteras tydligt utan att besökaren tappar orienteringen eller kontaktvägen.

Lösning

En kompakt one-page-struktur med tydlig hierarki, tjänsteområden, kontaktvägar och responsiv design.

Mitt fokus

Informationsarkitektur, mobil UX, navigation, semantisk HTML och tillgänglighet.

Resultat

Ett lättnavigerat frontend-case som fungerar på både mobil och desktop.

HTML CSS JavaScript Responsive Accessibility
Öppna live GitHub
Produktwebb · Systemtänk

Safe Standard

Produktwebben visar hur jag kopplar ihop en teknisk applikation med begriplig produktkommunikation och tydliga flöden.

Problem

En teknisk produkt är svår att använda om besökaren inte snabbt förstår vad den löser och hur den fungerar.

Lösning

En separat produktsida som förklarar konceptet och leder vidare till själva applikationen.

Mitt fokus

Produktstruktur, informationsarkitektur, responsiv frontend och kopplingen mellan webb och applikation.

Resultat

Ett sammanhängande produktprojekt där marknadswebb och app har olika roller i samma lösning.

HTML CSS JavaScript Produktdesign
Öppna live
Backend · API

Mini API

Ett mindre backendprojekt som visar API-struktur, endpoints, databasflöde och teknisk dokumentation.

Fokus

Backendarkitektur, REST-principer, databas och dokumenterade endpoints.

Varför det finns i portfolion

Det visar backend separat från mina större produktprojekt och gör det lättare att granska den tekniska grunden.

Java Spring Boot PostgreSQL Swagger Docker
Se GitHub
Gemensamt för projekten

Jag gillar att förstå hela kedjan.

Jag vill inte bara kunna ett ramverk. Jag vill förstå varför systemet behövs, hur datan hänger ihop, vad användaren behöver och hur lösningen ska fungera när den är live.

Krav & problem

Förstå verksamheten, användaren och vad lösningen faktiskt måste lösa.

UX & struktur

Göra komplex funktionalitet begriplig och logisk för användaren.

Frontend & backend

Bygga gränssnitt, affärslogik, API-flöden och datakopplingar.

Test & deployment

Få lösningen från lokal kod till något som faktiskt går att öppna och använda.

Kod som går att granska

Jag prioriterar projekt som går att öppna, testa och undersöka framför rena designmockups.

Produktionssystem

Offroad Bumpis Booking visar kod byggd för ett faktiskt verksamhetsbehov med riktiga affärsregler.

Öppna systemet →

Jag söker nästa utvecklarroll.

Jag är intresserad av roller inom fullstack-, frontend-, backend- och systemutveckling där jag får bygga praktiskt, lösa problem och fortsätta utvecklas. Malmöregionen och distans är särskilt intressant.

Läs mer om mig GitHub LinkedIn Kontakta mig