Demo Application

Let's look at a React application that uses some of the previously discussed YH Finance API endpoints to retrieve the requested data. We'll call the endpoints for market summary, trending stocks, and charts.

Application workflow

Let's look at the application workflow from a user's perspective:

• Upon running the application, the user will land on the homepage of the application. The homepage provides a ticker of market summary and trending securities.

• When the user clicks the "View Details" button for any security or searches for any security, the application redirects the user to another page. This page contains details of that security. It also contains the index trend of that security in graphical form.

Demo application

The widget below contains the code for our application. Click "Run" to run the application.