Skip to content

Elpris Sverige - Realtidsövervakning av Elpriser

En realtidsplattform för elprisövervakning som ger svenska konsumenter aktuella elpriser med live-screenshots och automatisk dataextrahering.

Min roll

Full-stack Utvecklare & Systemarkitekt

Period

2025

Teknologier

ReactTypeScriptNode.jsPlaywrightAPI-integrationRealtidsdata

Översikt

Elpris Sverige är en omfattande realtidsplattform för elprisövervakning som ger svenska konsumenter aktuell prisinformation för alla fyra elområden (SE1, SE2, SE3, SE4). Plattformen fångar automatiskt screenshots och extraherar prisdata från officiella källor.

Nyckelfunktioner

Realtidsövervakning

  • Live-data: Automatiska uppdateringar var 30:e minut från ENTSO-E
  • Alla Elområden: Fullständig täckning av SE1 (Luleå), SE2 (Sundsvall), SE3 (Stockholm), SE4 (Malmö)
  • Historiska Trender: Prisjämförelser med igår och imorgon
  • Visuella Data: Interaktiva diagram och områdeskartor

Teknisk Implementation

  • React Frontend: Modern, responsiv UI med realtidsuppdateringar
  • Automatiska Screenshots: Playwright-baserat screenshot-system
  • Databehandling: OCR och textextrahering från live-källor
  • API-integration: Realtidsdata från ENTSO-E
  • Internationalisering: Fullt stöd för svenska och engelska

Användarupplevelse

  • Mobile-First Design: Optimerad för alla skärmstorlekar
  • Intuitivt Gränssnitt: Tydliga prisvisningar med trendindikatorer
  • Tillgänglighet: WCAG-kompatibel med skärmläsarstöd
  • Prestanda: Snabb laddning med effektiv cache-strategi

Teknisk Arkitektur

Frontend (React + TypeScript)

  • Komponentbaserad arkitektur med styled-jsx
  • Realtids state management med React hooks
  • Responsiva gridlayouter för elområden
  • Internationalisering med next-intl

Backend-tjänster

  • Automatiserat screenshot-system
  • Databehandling och OCR-pipeline
  • API-integration med ENTSO-E
  • Schemalagda körningar (var 30:e minut)

Dataflöde

  1. Datainsamling: Automatisk hämtning från ENTSO-E API
  2. Screenshot: Playwright-automation för visuella data
  3. Bearbetning: OCR och dataextrahering
  4. Lagring: Strukturerad datalagring med tidstämplar
  5. Visning: Realtidsuppdateringar till React-komponenter

Utmaningar & Lösningar

Utmaning: Realtidsdata-noggrannhet

Lösning: Implementerade flera valideringslager och automatiska kvalitetskontroller för att säkerställa prisdatans noggrannhet.

Utmaning: Screenshot-automation

Lösning: Utveckla robust Playwright-baserad automation med felhantering och retry-mekanismer för konsekvent screenshot-tagning.

Utmaning: Prestandaoptimering

Lösning: Implementerade effektiv cache, lazy loading och optimerad React-rendering för att bibehålla snabb prestanda.

Påverkan & Resultat

  • Konsumentmakt: Ger svenska elkonsumenter transparent prisinformation
  • Marknadstransparens: Ökar medvetenheten om regionala prisskillnader
  • Beslutsstöd: Hjälper användare att fatta informerade beslut om elförbrukning
  • Teknisk Showcase: Demonstrerar avancerade web scraping- och realtidsdatabehandling

Live Demo

Elpris-widgeten är integrerad direkt i startsidan och visar realtidspriser för alla svenska elområden med live-screenshots från källwebbsidan.

Besök den live sidan: elpriser.manprogroup.com