https://github.com/gregorbiswanger/myblazorbroker

Übungsanwendung für mein Blazor Workshop.
https://github.com/gregorbiswanger/myblazorbroker

Last synced: 11 days ago
JSON representation

Übungsanwendung für mein Blazor Workshop.

• Host: GitHub
• URL: https://github.com/gregorbiswanger/myblazorbroker
• Owner: GregorBiswanger
• License: mit
• Created: 2023-11-09T18:15:46.000Z (about 1 year ago)
• Default Branch: main
• Last Pushed: 2023-11-09T18:15:51.000Z (about 1 year ago)
• Last Synced: 2024-10-06T05:21:13.844Z (3 months ago)
• Language: HTML
• Size: 760 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.txt

Awesome Lists containing this project

README

        
# MyBlazorBroker

Die bisher in nativem JavaScript geschriebene Progressive Web App **MyBroker** soll zu einer Blazor WebAssembly-Anwendung umgebaut werden.

## Die MyBroker PWA

Probier es mit Google Chrome aus:  

https://gregorbiswanger.github.io/MyBroker/

## Vorbereitungen für den Start

Folgendes benötigst du für das Projekt:    

- [.NET 6 SDK](https://dotnet.microsoft.com/download/dotnet/6.0 "dotnet.microsoft.com/download/dotnet/6.0") (läuft auf Windows, Mac und Linux)  

- [Visual Studio](https://visualstudio.microsoft.com "visualstudio.microsoft.com") oder [Visual Studio Code](https://code.visualstudio.com "code.visualstudio.com") mit der Blazor-Erweiterung (läuft auf Windows, Mac und Linux)  

  

Ein komplettes Übungsprojekt habe ich schon für dich auf GitHub vorbereitet:    

  

`git clone https://github.com/GregorBiswanger/MyBlazorBroker.git`  

Danach öffnest du das Projekt in Visual Studio oder Visual Studio Code.

## To-dos

Du brauchst dieselben Grundfunktionen der MyBroker-Web-App:

- Zwei Seiten mit Routing

- Logik zum Hinzufügen einer neuen Aktie

- Laden von Aktiendaten aus dem Web-Service (siehe unten)

- Anzeigen von Aktiendaten im Dashboard (Startseite)

- Aktualisieren von Aktiendaten per Klick auf einen Reload-Button

- Ein rotes oder grünes Label für den Änderungswert verwenden

  

## Bonus-To-dos

Für diejenigen unter euch mit mehr Erfahrung, könnt ihr die nächsten Features umsetzen:

- Speichern der Aktiendaten mit der HTML5-Standarddatenbank **LocalStorage**

- Implementieren einer Funktion zum Entfernen von Aktien im Dashboard

- Einen Materialize **Toast** anzeigen für aktualisierte Aktien mit positivem Änderungswert (siehe Dokumentation http://materializecss.com/)

## Extrem-Bonus-To-do

Für die absoluten Jedi-Ritter unter euch:

- Verwandle dieses Projekt in ein **Simulationsspiel** ;)

## Dummy-Web-Service

Dieser auf Node.js basierende REST-Web-Service liefert Dummy-Aktiendaten:  

https://stockplaceholder.herokuapp.com/api/stocks

  

### Dokumentation des Web-Services

https://stockplaceholder.herokuapp.com/api-docs/

**Viel Erfolg!**