Nikita Petrich
Buchen
Zur Startseite
PWA WLAN-Onboarding Flow
IoT / Consumer Electronics
04

AITOI

Interaktives IoT-Spielzeug (MVP)
AITOI
08/2025 – 09/2025 · ~2 Monate · Frontend Engineer
Rolle
Frontend Engineer
Team
3 Personen · Frontend, Embedded/Hardware, Lead
Standort
Frankfurt, DE · Remote
Sprache
Deutsch & Englisch
Sichtbarkeit
Internes System
Methodik
Eigenverantwortlich

Aufgaben

  • Setup-App für die Erst-Einrichtung neuer Geräte: WLAN-Onboarding per QR-Code-Scan mit geführtem Flow, Gerätekopplung und robuster Fehlerbehandlung.
  • PWA-Dashboard für Eltern: Spielsessions der Kinder nachverfolgen, filtern und auswerten.
  • Nachträgliche Konfiguration gekoppelter Geräte über dieselbe plattformunabhängige PWA.
  • Anbindung von Supabase für Authentifizierung, Datenhaltung und Echtzeit-Synchronisation (inkl. Row Level Security).
  • Performante PWA-Architektur (Next.js) mit responsivem UI.
  • CI-Pipeline (GitHub Actions) auf Basis containerisierter Builds (Docker): Unit-Tests (Vitest) und Build liefen bei jeder Änderung automatisch, ausgeliefert wurde manuell.
  • Definition und Umsetzung typsicherer Datenmodelle und API-Schnittstellen (TypeScript, DTOs, Zod).
  • Enge, englischsprachige Abstimmung mit dem Hardware-Team zur Definition der Geräte-App-Kommunikation und der Setup-Protokolle.
  • Beratung und Navigation des Kunden von der ersten Idee bis zum umsetzbaren MVP-Konzept.

Ergebnis

  • Voll funktionsfähiges MVP-Frontend in ~2–3 Wochen reiner Arbeitszeit – eigenständig von Konzept über Kundenabstimmung bis zur Demo.
  • Setup-App und Eltern-Dashboard als eine plattformunabhängige PWA, in Echtzeit mit dem IoT-Gerät synchronisiert.
  • Skalierbare, dokumentierte Architektur als tragfähige Grundlage für den Produktlaunch.
  • Vertrauensvolle, funktionsübergreifende Zusammenarbeit mit dem Hardware-Team über die gesamte Projektlaufzeit – trotz kurzer Taktung ohne Reibungsverluste an der Geräte-App-Schnittstelle.
  • CI/CD-Pipelines und Unit-Tests vom Kunden in der Referenz ausdrücklich als Beitrag zu Qualität, Sicherheit und Zuverlässigkeit hervorgehoben.

Referenz

Suraj Kakar

Technologien

TypeScriptJavaScriptHTMLCSSSQLJSONYAMLNext.jsReactServer-Side Rendering (SSR)Progressive Web App (PWA)Mobile FirstResponsive DesignDesign SystemKomponentenbibliothekenUI/UX DesignUsabilityPrototypingReact Hook FormDTOsFrontend-EntwicklungBackend-EntwicklungWeb-EntwicklungDevice PairingSupabaseSupabase RealtimeSupabase Edge FunctionsRow Level SecurityPostgreSQLDatenmodellierungTailwind CSSshadcn/uiJWTAuthentifizierungIT-SicherheitDockerLinuxUbuntuVercelCI/CDGitHub ActionsContinuous IntegrationVitestUnit TestingnpmCLI (Command Line Interface)Cursor AIModel Context Protocol (MCP)Agentic CodingMVP-EntwicklungClean CodeSOLIDClean ArchitectureDomain-Driven DesignDigitale TransformationSoftwareentwicklungSchnittstellenentwicklungAPI-IntegrationDrittsystem-AnbindungIoTConsumer Electronics