This is an app for tracking the performance of your investments in an user-friendly interface. On top of tracking current prices, purchase prices, past transactions, and number of shares for each investments, it also pulls in key financial ratios, company information, and relevant news.
I designed with mobile-first in mind.
https://stock-up-app.herokuapp.com
MERN stack:
- React.js
- MongoDB
- Express.js
- Node.js
Other:
- React-router
- Axios
- Mongoose.js
- CSS and HTML
- styled-components
- Recharts
- Heroku
- React Icons
Planning and Project Management
- User Stories: https://trello.com/b/SUzslxtZ/stocks-app
- Wireframes: https://i.imgur.com/zYyY8AM.png
- ERD: https://i.imgur.com/yFghmws.png
I spent a lot of time researching and testing different API's. Some that I found even inspired some of my favorite features on the site that I was not sure if I was going to be able to complete. For instance, when I found the Alpha Vantage free API for time series stock prices, I knew I had to try to leverage this to make a line graph. Once I got it working for daily prices, I knew I wanted to give the option to quickly toggle between multiple timeframes.
- Financial News from Bloomberg
- Financial Ratios
- News on Specific Company
- Detailed Company Information
- Hourly close prices
- Daily close prices
- Weekly close prices
- Current real-time price
- Add cryptocurrencies
- Add gain/loss color indicator for each stock like I have for the total portfolio on the index page
- Authentication
- Have transaction list show all transaction types, not just sales
- Watch lists for stocks that you want to keep an eye on but not yet purchase
- When you search for stock tickers it populates search results for suggested stocks