Stock Portfolio App

Github Repo

A US Equity Stocks Portfolio App that allows users to construct their own portfolios, complete with an interactive price chart.

All financial data provided by IEX Cloud is sandboxed.

Features of the App

1. Users can search for the prices of US stocks of their choice by simply typing in their relevant tickers. E.g Apple Inc is AAPL. (Financial Data is Sandboxed)

2. Toggle through different time frames for stock prices, complete with key headline financial information.

3. Create and track equity portfolios by adding stocks and associated trades

Technical Learnings

Learnt about the usage of new React libraries such as React-Vis as a separate react component which allows for interactive charting
Applied React's DOM events and amalgamate with third-party libraries, e.g: performing the animation of displaying price and dates upon mouseOver in React-Vis Charts and displaying the sidebar with React-Pro-Sidebar
First hand experience in performing ETL (Extract,Transform,Load) activities of data from IEXCloud (Financial Data API) and transforming it into data suitable to be consumed in tabular or graphical format.
Clear understanding of the blueprint of the data provided from source is instrumental in extracting the required information cleanly and efficiently.
Learnt about React's state management through its inbuilt hooks such as useState() and useEffect() and how they behave during the (re)rendering process.
Implemented loading gifs(spinners) during asynchronous calls to the database for better UI/UX

Reflections

Post project reflections are such that React's useReducer() would have solved alot of the issues relating to managing huge sets of individual states, as well as the usage of useContext() in passing down states down into a nested group of components easily and cleanly.
Stronger understanding and comfort in using Sequelize, especially with concepts such as eager-loading.

Technologies Used