← Zurück zu den ProjektenJanuary 2022 - June 2022
Digitale Banking- & Kartenverwaltungs-App
JavaScriptReactReduxNode.jsMaterial UIAxios
Überblick
Die Anwendung bot Bankkunden eine einfache Möglichkeit, Zahlungskarten hinzuzufügen, per Wischgeste zwischen ihnen zu wechseln und den Transaktionsverlauf mit Suche, Filtern und Paginierung einzusehen. In einem fünfköpfigen, funktionsübergreifenden Team arbeitete ich am React-Frontend und an ausgewählter Node.js-Backend-Logik. Meine Aufgaben umfassten modulare UI-Komponenten, JWT-Authentifizierung, geschützte Routen und Kartenverwaltungsabläufe.
Hauptaufgaben
- ▹Entwicklung modularer React-Komponenten zum Hinzufügen von Karten, zur Navigation per Wischgeste und zur Maskierung sensibler Kartennummern in der Oberfläche (•••• 4321)
- ▹Verwaltung von Kartenstatus, JWT-Authentifizierung sowie Transaktionssuche, Filtern und Paginierung mit Redux
- ▹Anbindung des React-Frontends an Backend-APIs mit Axios, Übermittlung von JWT-Bearer-Tokens bei geschützten Anfragen und Maskierung sensibler Kartendaten
- ▹Unterstützung der Node.js-Serverlogik für Transaktionsabruf, JWT-Validierung und einheitliche Formatierung des Kartenstatus
- ▹Entwicklung responsiver Banking-Oberflächen mit Material UI für Desktop und Mobile
Ergebnisse
Realisierte die zentralen Karten- und Transaktionsfunktionen einschließlich Wischsteuerung, maskierter Kartendaten, Suche, Kategoriefiltern und Paginierung
Entwickelte wiederverwendbare Komponenten für konsistente Karten- und Transaktionsabläufe auf verschiedenen Bildschirmgrößen