In this project, I developed a frontend web application, catalogue of financial values using Stock API and collect the data from my React Application.
The application features includes:
- Listing of Most Active Stocks
- Listing of Most Gainer's Stocks
- Listing of Most Loser's Stocks
- Filter between those 3, most active, gainers and losers
- Open individual stock item
- Search for a particular stock item, example 'AAPL'
- Listing of the lastest stock news
- Dynamic routes for individual stock item, example
/stocks/AAPL
To get a local copy up and running follow these simple example steps.
Make sure Node.js is running on your local machine
$ git clone https://github.com/acushlakoncept/react-capstone.git
$ cd react-capstoneInstall modules:
yarn add
Setup your API Key
- I used the Financial Modelling Prep API. Signup and get your key.
- Create
.envfile, open it and addREACT_APP_API_KEY=xxxxxxxxxxxxxxxxxxxxx
Start server with:
yarn start or npm start
Jest is used to run all the tests found in this application
In order to run the test you can simply type yarn test or npm run test
Either ways, if you encounter any error while running either command, its likely you do not have jest installed globally, so please run npm install -g jest-cli then try again. That should do it.
git add .
git commit -m "ready for first push to heroku"
heroku create $APP-NAME --buildpack mars/create-react-app
git push heroku $BRANCH_NAME:master
Fire up your app by running heroku open Yay!!! your app has been deployed successfully.
👤 Uduak Essien
- Github: @acushlakoncept
- Twitter: @acushlakoncept
- Linkedin: acushlakoncept
Contributions, issues and feature requests are welcome!
Feel free to check the issues page.
Give a ⭐️ if you like this project!