Features:
- Allows users to register for an account on the
website and maintain a list of stocks or ETFs that they
can access at any time.
-
Live quotes are offered to the user on the main chart portfolio page.
The live stock prices are provided by IEX exchange.
-
A history page allows the user to track the performance history of the
stock or ETF. The date the history page starts tracking the history of
the investment is based on the date the user enters the stock into the
system
- A graph page allows the user to visually track the performance history
of any stock or ETF they are currently tracking. The chart page also
allows the user to customize the time frame the line chart covers.
- A newsfeed page allows the user to see recent news about the stock or
ETF they are tracking. The user can see the headline on the webpage and
click on the links to go directly the news website.
How the Website was Built:
- Front end of the website was designed using React/Javascript.
- Backend was designed using Node.js/Express.
- Database used to maintain user data was MongoDB.
- API used to get stock data and live quotes was IEX Exchange API.
- NewsFeed data was received using the NewFeed API.
- Git/GitHub was used to share code among teammembers and to do Version Control.
- Particles.js was used to provide the dynamic particle background.
User Map of the website:
- First, either register or log in to the website.
-
Once logged on, go to “Portfolio” and enter a Valid ticker
Symbol and shares to add data to the chart. If the market is open,
the price and Total will update with live data from IEX API.
-
Select “News” to go to the “News” page. Select a ticker
symbol from the dropdown to get news on that holding. The
dropdown is populated based on the holding on the “Portfolio”
page.
-
Select “Charts” to go to the “Line Chart” page. From there, select a
holding from the dropdown. Then, select dates you would be interested
in seeing. Note the dropdown is prepopulated with holdings from the “Portfolio”
page.
-
Select “History” to go to the “History” page. Once there, select one of your portfolio
holdings from the dropdown. After selecting this, you will be given historical prices
for the holding, starting with the date that you first added the holding to your list.
