Using React or Vue.js, create a responsive dashboard that displays real-time stock prices from a public api such as IEX Cloud
The dashboard should include a search bar that allows users to search for stock symbols, and the dashboard should display the current price, change in price, and percentage change for each stock.
- Library: React Js
- Api: IEX Cloud
The dashboard can be installed by cloning this repository to your terminal With Git:
$ git clone https://github.com/micoliser/REPONAME.git
Or using wget and unzip:
$ wget https://github.com/micoliser/REPONAME/archive/refs/heads/master.zip
Then unzip the downloaded file
$ unzip master.zip
To use the dashboard, run the command; (Dashboard will be opened Default Browser)
$ cd REPONAME
$
$ npm start
$
The dashboard is opened after running npm start
from the terminal and
displays the first 100 stocks by default.
The dashboard search bar can be used to find a single stock,
or multiple stocks seprated by commas (no spaces).
It supports typing suggestions based on user input (first 50 stocks, completes text on click).
Dashboard results show the current price, change in price, and percentage change for each stock.
Displays the first three results of the search.
Cockroaches, termites and houseflies
Data takes approximately ten seconds to load. Chack your internet connection if loading persists.