MarketHub

React based application for providing stock informations with usage of Alpha Vantage API

Features

• Searching specific stock rates based on symbol or company name
• Obtaining advanced information about a specific stock history in the form of a chart
• Saving user actions in browser memory
• History panel of previous user searches

Live

Due to small available number of requests for API Vantage ( 5 calls per minute ). Application may not fetch all the data if user try to fetch them to many times so please be forgiving.

You can see the full project here

Tech - Stack

• HTML5
• CSS3
• JavaScript(ES5/ES6)
• React
• Redux
• Redux-Saga
• Redux-persist
• Reselect
• Typescript
• Typesafe-Actions
• SASS
• Axios
• Apexcharts

Installation

Clone repository, install the dependencies and start the server.

npm install
npm start

If you want to fully use this application you have to create your API_KEY from official documentation of Alpha Vantage API

Create file:

.env

in root project directory and create reference to your API_KEY

REACT_APP_API_KEY="Your api key"

REACT_APP_API_KEY=1234567890

If you want to keep your API_KEY fully secure you have to run your own backend