Skip to content

Stock Exchange Application implemented with React and Redux [2019]

License

Notifications You must be signed in to change notification settings

plkpiotr/stock-exchange-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Stock Exchange Application (Frontend)

Overview

RESTful Web Service designed for stock analysis on the basis of data from Quandl platform - in this case WIG20 (a stock market index of the twenty largest companies on the Warsaw Stock Exchange).

Technology stack

Main technologies
JavaScript + React + React Router + Redux + Styled Components
Other technologies Role
Axios Communication with backend and Quandl
Formik + Yup Data validation in forms
React ReCaptcha Protection against Internet bots
JWT Access to the resources after login
Chart.js + plugins Zomming and panning in the line chart
React-Toastify Snackbars and error information
Moment.js Formatting and manipulating dates
ESLint + Prettier Static analysis of the source code

Live Preview

The project was deployed on Heroku platform: stock-exchange-frontend.herokuapp.com

Please wait a second and enter the following data:

Email: v@v.v

Password: v

If you will see the error: An error occurred when attempting to sign in. Error: Network Error, try to sign in again - this means that a back-end part of application is not active yet.

Quick start

Install dependencies:

npm i

Run frontend on localhost:3000:

react-scripts start

Features

Stock chart with the possibility of panning and zooming: quotes

Implementation of nine stock market indicators: indicators

Accordion table containing transaction history: transactions

Possibility of adding own notes and articles from the Internet: notes

Comments

This is a front-end part of Stock Exchange Application.

Visit also a back-end repository: github.com/plkpiotr/stock-exchange-backend

License

Copyright © 2019, Piotr Pałka. Released under the MIT License.