Frontend Developer · Sono Solar GmbH
Remote (München, Deutschland)Jul. 2024 – Aug. 2026
- Frontend-Performance: Das initiale JavaScript-Bundle durch Code Splitting um 65 % verkleinert und dadurch den mobilen LCP von 17,2 s auf 8,9 s sowie den Lighthouse-Accessibility-Wert von 88 auf 100 verbessert.
- API-Performance: Die Antwortzeit eines produktiven Fleet-Analytics-Endpunkts von 6,91 s auf 1,17 s gesenkt, indem der gesamte Request-Pfad profiliert und die Zeitreihenverarbeitung auf Node-Seite als Hauptengpass identifiziert wurde.
- Komponentenentwicklung: Rund 25 wiederverwendbare React/TypeScript-Komponenten (Formulare, Modals, Tabellen, Diagramme, Kartenmarker, Lade- und Fehlerzustände) nach dem Design-System und den Figma-Vorgaben des Teams gebaut und gepflegt, in mehreren Dashboard-Features wiederverwendet und mit dem Installation Tool geteilt. CSS auf Sass migriert und eine schichtbasierte Frontend-Architektur eingeführt.
- Mandantenfähige Autorisierung: Ein Claims-basiertes Autorisierungsmodell (OEM-, Flotten- und Benutzerrollen: Viewer, Admin, Fleet Admin) in eine B2B-React-Plattform integriert, das den Zugriff auf zwei Produkte (Solar Analytics Dashboard, Installation Tool) steuert und Datenabfragen auf den Flottenkontext des jeweiligen Benutzers begrenzt.
- Authentifizierung: Einen Login-Flow mit E-Mail-Einmalcode von Anfang bis Ende gebaut: React-Zustände für Anforderung, Eingabe, ungültige und abgelaufene Codes sowie Backend-Validierung mit einmaligen, zeitlich begrenzten Codes, Versuchslimits und Session-Erstellung.
- Anbindung externer Daten: Teltonika-Telematikdaten aus BigQuery verarbeitet, verspätete und unvollständige Payloads behandelt und „keine Daten“ von „veralteten Daten“ unterschieden. Begrenzte Wiederholungsversuche (temporäre vs. dauerhafte Fehler) sowie Slack-Alerting für fehlende Telemetrie und fehlgeschlagene Jobs ergänzt. SendGrid für Login-Codes integriert.
- Dashboards und Live-Karte: Fleet-Analytics-Dashboards mit Chart.js und eine Mapbox-Fahrzeugkarte mit periodischer Datenaktualisierung gebaut; den Kartenzustand isoliert, um unnötige Re-Renders zu vermeiden.
- Backend, Testing und CI/CD: Node.js-, TypeORM- und PostgreSQL-Funktionalität (Datenmodelle, Migrationen, REST-API-Routen, Validierung, Jest-Tests) gebaut und gepflegt; über 30 End-to-End-Abläufe mit Magnitude AI (Playwright-basiert) geschrieben; mit GitLab CI/CD und Docker für automatisierte Tests und Qualitätsprüfungen gearbeitet.
- Produktverantwortung: Nutzerinterviews und Nutzungsanalysen für einen Installations-Workflow durchgeführt, unterschiedliche Nutzerbedürfnisse identifiziert und das Frontend eines eigenständigen Produkts gebaut, das heute an drei OEM-Produktionslinien läuft. Claude Code, Codex und Cursor täglich genutzt, mit manueller Prüfung vor dem Release.
