Als Bewerber entwickelst du bei deiner Probearbeit eine kleine Single-Page-Application (SPA) Demo-Anwendung. Die Architektur der Anwendung ist dem Bewerber überlassen, ebenso die Auswahl eines geeigneten komponentenbasierten Frameworks (z.B. Vue.js).
Lege eine öffentliches Github-Repository an, in welches du deine Projekt / Änderungen hochlädst.
Entwerfe zunächst der Grundgerüst der Anwendung:
- Die Anwendung benötigt eine “Startseite” (Hauptview) und ein Menü
- Über das Menü können später weitere Views erreicht werden
- Die Anwendung soll optisch ansprechend gestaltet werden.
- Bootstrap oder eine andere Bibliothek für UI Elemente darf benutzt werden
Die Hauptview soll als “Dashboard” den aktuellen Bitcoin-Preis in unterschiedlichen Währungen anzeigen. Dabei ist dir die Darstellung selbst überlassen. Angezeigt werden soll jeweils mindestens der Verkauf- und Einkaufspreis.
- Verwende dazu die Blockchain API: https://www.blockchain.com/de/api- Der GET Aufruf “ https://blockchain.info/ticker ” liefert dir ein passendes JSON
Erstelle eine neue View “Bitcoin Details” und füge sie dem Menü hinzu. Die View soll dem Benutzer folgende Details anzeigen:
- Marktkapitalisierung (marketcap)
- Anzahl aller Bitcoins im Umlauf (totalbc)
- Anzahl der Transaktionen in den letzten 24h (24hrtransactioncount)
- Anzahl gesendeter Bitcoin in den letzten 24h (24hrbtcsent)
- Aktuelle Hashrate (hashrate)
- Aktueller Schwierigkeitsgrad (getdifficulty)
Erstelle eine weitere View “Bitcoin Umrechner" und füge sie dem Menü hinzu.
- Die View erlaubt eine Eingabe in EUR, USD, AUD, NZD und GBP
- Output: Angezeigt wird der umgerechnete Betrag in BTC (Bitcoin)
- Die Darstellung und Auswahl der “Quellwährung” ist dir überlassen
Erstelle eine weitere View “Bitcoin Diagramm” und füge sie dem Menü hinzu.
- Nutze die Dokumentation unter https://www.blockchain.com/de/api/charts_api um ein sinnvolles Diagramm anzeigen zu können.
- Hierzu kann eine Bibliothek wie z.B. Chart.js verwendet werden
Bonus: Erstelle eine letzte View “Meine Bitcoin”. Hier kann der Benutzer seinen Bitcoin-Bestand einpflegen.
- Der vom Nutzer hinterlegte Wert wird abgespeichert (z.B. LocalStorage)
- Das Dashboard wird um eine weitere Anzeige erweitert. Hier sieht er ab sofort wie viel Bitcoin er hat und was diese aktuell in EUR Wert ist.
- Optional soll der Benutzer gleich mehrere Bitcoin-Bestände einpflegen können, oder sogar real existierende Wallets...
Schreib uns eine E-Mail in dem du den Link zum Repository mitteilst. Ist deine Anwendung noch nicht fertig, so stelle bitte den aktuellen Stand vor und gebe einen Ausblick.
This project was generated with Angular CLI version 13.2.6.
Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.
Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
Run ng test to execute the unit tests via Karma.
Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.