Build the Web Layout to Finish the App

Finish the GitHub search project implementation by adding an HTML web page to make the app more accessible.

This is the last step in finishing our GitHub search project. We’ll implement a minimalistic UI where the user can provide the search term and click on different buttons to search for GitHub repositories, GitHub issues, and GitHub users. We’ll briefly discuss the HTML and CSS code as well.

Merge all the three APIs

Let’s first create an Express.js app by combining all three APIs, i.e., to fetch the number of GitHub repositories, GitHub issues, and GitHub users based on the search term provided. We’ll make the following changes:

  • Add all three URLs in the Constants.js file.

  • Keep the SearchRepos.js, SearchIssues.js, and SearchUsers.js files under the controller folder.

Let’s move to the code.

Get hands-on with 1200+ tech skills courses.