/stock-exchange-frontend

Stock Exchange Application implemented with React and Redux [2019]

Primary LanguageJavaScriptMIT LicenseMIT

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.