A web application for stock enthusiasts who want to get real time data on stocks using their ticker symbol
Test out my Stock Tracker
At the time, I was an avid stock trader and loved to keep track of my favorite stocks to see how they were doing daily. I would always check the current price, today's highs and lows, and the percentage change whether it was up or down. I wanted to build an application I was passionate about while using newly profound skills in HTML, CSS, and JavaScript. The Yahoo Finance API was rich in data but also limited requests to 500 per month. I made use of the limitation by building my app around a single API request.
- HTML
- CSS
- JavaScript
- AJAX
- JSON
- Yahoo Finance API
-
User can search for a stock by its ticker symbol
When a stock is searched, the search result will include the company's name, ticker symbol, current price, the current day's highs and lows, and a company description.
-
User can add a stock to their watchlist
There is a button in the bottom right of the search result that adds the stock to the watchlist.
-
User can delete a stock from their watchlist
In the search result page, if the stock is in your watchlist, there will be a minus icon that will remove the stock from the watchlist.
-
User can view trending stocks
The user will be able to view the trending stocks at any time by clicking on the trending stocks link in the header of the app.
-
User can add a trending stock to their watchlist
While viewing the trending stocks list, there will be a plus icon to add the stock to the watchlist.
-
User can delete a stock from the trending stocks container
While viewing the trending stocks list, you can click the minus icon to quickly remove the stock from the watchlist.
-
User can update their stocks with a click of a button.
Add a button for each stock in the watchlist container to quickly get updated data.
The files in the repository are all you need!