https://github.com/gregorbiswanger/ngmybroker

Exercise application for my Angular training.
https://github.com/gregorbiswanger/ngmybroker

Last synced: 11 days ago
JSON representation

Exercise application for my Angular training.

• Host: GitHub
• URL: https://github.com/gregorbiswanger/ngmybroker
• Owner: GregorBiswanger
• License: mit
• Created: 2017-12-19T19:01:11.000Z (about 7 years ago)
• Default Branch: master
• Last Pushed: 2024-06-28T07:30:10.000Z (6 months ago)
• Last Synced: 2024-10-06T06:43:09.243Z (3 months ago)
• Language: HTML
• Size: 979 KB
• Stars: 3
• Watchers: 3
• Forks: 3
• Open Issues: 12
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# NgMyBroker

The in native JavaScript written Progressive Web App **MyBroker** should be refactored to Angular.

## The MyBroker PWA

Try it with Google Chrome.  

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

## Preperations for the start

The following is required for the project:    

- [Node.js](http://www.nodejs.org "www.nodejs.org") (runs on Windows, Mac and Linux)  

- Angular CLI  

  type `npm install @angular/cli -g` in the terminal   

- [Visual Studio Code](http://code.visualstudio.com "http://code.visualstudio.com") (runs on Windows, Mac and Linux)  

  

There has already been deposited a complete exercise project on GitHub for you:    

  

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

Then install all necessary modules within the project with `npm install`.  

## To-do´s

You need the same default behavior of the MyBroker Web App:

- Two pages with routing

- Logic to add a new stock

- Load stock data from Web-Service (see below)

- Show stock data on dashboard

- Update stock data on a reload-button click

- Use a red or green label for the change value

  

## Bonus to-do´s

For young padawans with more experience, you can implement the next features:

- Save the stock data with the HTML5 standard database **LocalStorage**

- Implement a remove stock on dashboard

- Push a materialize **toast** for updated stocks with positive change value (see on documentation http://materializecss.com/)

## Extrem bonus Todo

For absolute Jedi Knights:

- Create a **simulation game** from this project ;)

## Dummy Web-Service

This Node.js based REST Web-Service delivers dummy stock data.  

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

  

### Documentation of the Web-Service

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

**Good luck!**