https://github.com/gregorbiswanger/mybroker-template

The MyBroker Template for JavaScript/TypeScript trainings.
https://github.com/gregorbiswanger/mybroker-template

Last synced: 11 days ago
JSON representation

The MyBroker Template for JavaScript/TypeScript trainings.

• Host: GitHub
• URL: https://github.com/gregorbiswanger/mybroker-template
• Owner: GregorBiswanger
• License: mit
• Created: 2019-08-12T14:47:32.000Z (over 5 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T17:24:30.000Z (about 2 years ago)
• Last Synced: 2024-10-06T05:21:35.094Z (3 months ago)
• Language: JavaScript
• Size: 10.3 MB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# MyBroker

The **MyBroker** Template should be implemented in native JavaScript.

## 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)  

- [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/MyBroker-Template.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!**