thunderkey / hsr.wed3.template.react Goto Github PK

User wird auf dem Server angelegt und
automatisch eingelogged.

• Login muss auf dem vom Server gelieferten JWT Token basieren.
• Das JWT Token im Local-Storage ablegen.
• Das erfolgreiche Login endet auf dem Dashboard.

/dashboard

• Die letzten drei Transaktionen auf dem Dashboard darstellen.
• Möglichkeit, auf die Ansicht mit sämtlichen Transaktionen zu wechseln.
• Nach einer Transaktion soll diese in der Übersicht dargestellt werden.

• Löscht das Client-seitig gespeicherte JWT Token.
• Benutzer befindet sich nach Logout auf der Welcome-Page.
• Das JWT Token aus dem Local-Storage löschen.

• Die Cards auf dem Dashboard sollen im Verhalten fluid sein. Dazu können Libraries (siehe Sonstiges) verwendet werden.
• CSS Libraries (z.B. Bootstrap) dürfen eingesetzt werden. Diese müssen sich aber auf reines CSS beschränken oder explizit in der Vorlesung erwähnt/behandelt werden.

/transactions

• Zahlungen nach Monaten filtern.
• Filtermöglichkeit nach Monat des entsprechenden Jahres (die letzten drei Jahre auflisten).
• Den Filter mithilfe der Server-API anwenden.

• Neue Zahlungen auf dem Dashboard auslösen.
• Vom Server bestätigte Transaktionen mittels einer „Transaction Erfolgreich“ -Info abschliessen.

• Validation von Vornamen, Nachnamen, Benutzernamen / Passwort / analog Login. #1
• Passwort Confirmation Client-Seitig überprüfen.

• Gültige Zahlungsempfänger (Vorname /
  Nachname) automatisch vom Server abfragen.
• Validation vom Input (nur Beträge > 0.05 CHF
  erlaubt).

Benutzername / Passwort required und länger als drei Zeichen