GenetecGenetec UI Kit
Eine technische Testaufgabe: eine Event-Demo mit Datentabelle, tastaturbedienbarer Zeitleiste und validiertem Formular.
Geräte-Mockups und Screenshots öffentlicher Websites vom Oktober 2026. Die Websites können Änderungen nach meiner Mitarbeit enthalten.
Überblick
Für eine Genetec-Testaufgabe entwickelte ich drei wiederverwendbare Komponenten: Ereignistabelle, Zeitleiste und Formular. Neue Ereignisse erscheinen durch gemeinsame Daten in beiden Ansichten. Dies ist ein Bewerbungsprojekt, kein produktives Genetec-Produkt.
Die Aufgabe
Wiederverwendbare Komponenten mit gemeinsamem Zustand, verständlichen Lade- und Fehlerzuständen und Tastaturbedienung entwickeln.
Meine Umsetzung
Ich nutzte React, TypeScript und getrennte Zustand-Bereiche. TanStack Table steuert die Tabelle; die Zeitleiste unterstützt Tastaturbedienung; React Hook Form und Zod validieren das Formular.
Ergebnis
- Tabelle mit Sortierung, Filtern und Pagination für 200 Beispieldatensätze
- Zeitleiste mit Tastaturbedienung und Screenreader-Meldungen
- Validiertes Formular aktualisiert beide Ansichten
- Wiederverwendbare Komponenten mit getrennten Zuständigkeiten
Eine Projektidee?
Erzählen Sie mir, was Sie entwickeln möchten. Wir besprechen den Umfang und die nächsten Schritte.
