This project is deployed via GitHub pages at React Stocks.
Sadly the World Trading Data API has gone kaput. They have a new product, marketstack, that is similar but completely different and lacks some of the functionality of the old API.
I started to switch it over, but it hardly seems worth the effort.
This project was created using 'create-react-app'.
Declarative routing was implemented with React Router 4. HashRouter was used for compatibility with GitHub pages.
Crossfades between pages and component transitions were created with CSS and the help of TransitionsGroup and CSSTransitions from react-transitions-group.
I used SCSS and followed BEM (Block Element Modifier) methodology to write the styles for the components that make up this application.
Axios was used to make AJAX calls. The Search function on the Stock Quote pages makes use of axios's CancelToken feature. By caching the searches and using cancel tokens I was able to greatly reduce the number of API calls.
The data for this application comes World Trading Data. Sign up for a free account here.
Data visualizations use Highcharts - Highstock and the official React Wrapper.
This app is my final project for the January 2019 JavaScript/React cohort.
Code Louisville is a publicly funded program that offers a series of 12-week software development tracks to adults who want to pursue a career in the software development industry at no cost to the student!
You can find more information abou the program at: https://codelouisville.org/