LGE Energy Berlin GmbH // Zenstrom Logo

LGE Energy Berlin GmbH // Zenstrom

100% Remote / Berlin

Website und Serviceportal für Zenstrom

Freelance Web Developer und Produkt Engineer

Juni 2023 - Dezember 2023
7 Monate
Freiberuflich
Projektarbeit
100% Remote / Berlin

Relevanz

Warum dieser Case relevant ist

Diese Einordnung macht sichtbar, was für Hiring oder Zusammenarbeit zählt: Wirkung, Belege, Fit und AI-/Delivery-Relevanz.

Systemwirkung

Website und Serviceportal mit Astro, React/Svelte, PWA, Lumenaza-API, Auth, ArangoDB, AWS SNS, Woodpecker CI, Tests und Betrieb eigenständig umgesetzt.

AI-/Delivery-Relevanz

Relevanz für AI-native Systemarbeit entsteht hier über saubere Web-, Daten- und Integrationsgrenzen, auf denen spätere Automatisierung belastbar aufsetzen kann.

WebsiteServiceportalPWALumenaza API

Proof

2 Produkte

Website + Serviceportal

Auth + API

Portal-Funktionen

CI/CD

Betrieb

Passt besonders bei

  • Für Teams, die moderne Web- und Portalarchitektur nicht nur als Frontend-Thema betrachten.
  • Für Produktorganisationen, die technische Entscheidungen früh mit Delivery und Betrieb verbinden wollen.

Case-Kontext

Überblick

Zenstrom brauchte nicht nur eine Marketing-Website, sondern ein nutzbares Serviceportal für echte Kundenprozesse. Ich entwickelte und betrieb die öffentliche Website und das authentifizierte Serviceportal eigenständig als zwei Astro-Produkte mit React/Svelte, PWA-Fähigkeiten, ArangoDB, Lumenaza-API und AWS SNS.

Der relevante Teil war die Verbindung aus Produktoberfläche, Integrationen und Betrieb: Tarifrechner, Registrierungsstrecke, Login, Passwort-Flow, Kundendaten, Rechnungen, Zählerstand und Portal-Kommunikation mussten zuverlässig zusammenspielen. Woodpecker CI, Vitest, Cypress, Ackee, Bugsnag und klare Deployments hielten Qualität und Laufzeitverhalten sichtbar.

Verantwortung

Aktivitäten

  • Website: Astro SSR/CSR, Tarifrechner, Registrierungsstrecke, SEO, Sitemap, robots.txt und Performance-Arbeit
  • Serviceportal: Auth-Flow, Passwort-Reset, Kundendaten, Rechnungen, Zählerstand und aktive Vertragsprüfung
  • Integrationen: Lumenaza API, ArangoDB, AWS SNS, Slack-Benachrichtigungen, Ackee Analytics und HubSpot-nahe Flows
  • Betrieb: Woodpecker CI, Deployments für Stages, Traefik, Monitoring, Fehlerbenachrichtigung und noindex-Regeln im Portal
  • Built-in Quality: Vitest, Cypress E2E, Formularvalidierung, API-Fehlerbehandlung und Security-relevante Passwort-Hashes mit Argon2

Arbeitsweise

Methodik

  • Produkt und Betrieb zusammen denken: Website, Serviceportal, API-Integration und Deployment nicht als getrennte Silos behandeln
  • Kanban als Sichtbarkeitsmodell: Arbeit, Blocker und nächste Entscheidungen nachvollziehbar halten
  • Built-in Quality: Tests, Performance-Arbeit, Passwort-Hashing, Fehlerbehandlung und noindex-Regeln früh in die Delivery einbauen
  • Architekturentscheidungen klein halten: getrennte Codebases, klare Portalgrenzen und direkte Integrationen nur dort, wo sie Produktwert tragen
  • Wissenstransfer: Dokumentation, Wartungsempfehlungen und Kundentraining als Teil der Übergabefähigkeit behandeln

Technischer Kontext

Technologie-Stack

Die Tools sind hier kein Selbstzweck. Relevant ist, welche Systemebenen im Projekt zusammengebracht wurden.

9Bereiche
35Technologien

Frontend

10
Astro (SSR & CSR)ReactSvelteTypeScriptJavaScriptPWAWorkboxProgressive Web AppsAuth AstroECharts

Datenbanken & Storage

5
AWS S3AWS RDSPostgreSQLMariaDBArangoDB

Messaging & Event Streaming

1
AWS SNS

Backend

5
Lumenaza APIArgon2MJMLNodemailerAxios

Tools

6
VitestCypressHubSpotn8nSlackIntegrations-Tools

Methoden & Qualität

2
TestingQualitätssicherung

CI/CD & Delivery Pipelines

2
Woodpecker CICI/CD Pipeline

DevOps

3
TraefikMonitoringBugsnag

Daten & KI

1
Ackee

Nächster Schritt

Wenn du ähnliche Wirkung für Hiring, Zusammenarbeit oder eine konkrete Transformation prüfen willst, ist das der richtige Einstieg.

Schreib kurz, welche Lage du gerade einordnen willst. Ich antworte persönlich und sage klar, ob mein Profil passt.