Fintech-Interfaces in Echtzeit
Dem internen Admin-Panel fehlte eine zusammenhängende Sicht auf die Kundenkonten. Portfoliodaten, Asset-Preise und Transaktionshistorie waren über separate Ansichten verteilt, ohne die Möglichkeit, zwischen den Ebenen zu navigieren oder Handelsaktionen direkt aus dem Portfolio eines Kunden zu starten.
Ich habe eine mehrstufige Portfolio-Ansicht entwickelt, mit animierten, ausklappbaren Konto-Panels, Asset-Detailansichten mit Preis und Transaktionshistorie sowie Transaktionstabellen mit Filterung nach Typ. Statt bei der Navigation neu zu laden, werden Portfoliowerte, Asset-Preise und Tabelleninhalte über WebSockets synchronisiert, denn im Trading-Kontext sind veraltete Preise schlimmer als gar keine. Außerdem fülle ich Wallet und Asset vor, wenn ein Trade aus einem Asset-Panel gestartet wird, sodass der Kontext, in dem der Nutzer bereits ist, erhalten bleibt.
Nutzer können jetzt vom vollständigen Portfolio eines Kunden bis zu einem einzelnen Asset navigieren und Kauf- oder Verkaufsprozesse direkt aus der Asset-Detailansicht starten, mit vorausgefülltem Wallet und Asset. Alle Daten aktualisieren sich in Echtzeit, ohne manuelles Neuladen.
- React
- TypeScript
- Redux Toolkit
- React Query
- REST API
- WebSockets