JavaScript capstone project - API-based webapp

[seyioyemade]

JavaScript capstone project - API-based webapp

In this project we:

• Used Gitflow.
• Set up Linters and Webpack.
• Found an API (TV maze API) we based the development of the webapp around.
• Used Involvement API to record the different user interactions (likes and comments).
• Built home page and comment popup interfaces.
• Home page
  • When the page loads, the webapp retrieves data from:
  • The selected API and shows the list of items on screen.
  • The Involvement API to show the item likes.
  • When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.
  • When the user clicks on the "Comments" button, the Comments popup appears.
  • Home page header and navigation similar to the given mockup.
  • Home page footer similar to the given mockup.
• Comments popup
  • When the popup loads, the webapp retrieves data from:
  • The selected API and shows details about the selected item.
  • The Involvement API to show the item comments.
  • When the user clicks on the "Comment" button, the data is recorded in the Involvement API and the screen is updated.
• Counters: We have counters in all the interfaces that show:
  • The number of items (home).
  • The number of comments (comments popup).

Project Documentation Video: https://drive.google.com/drive/u/0/folders/13_kr_OTzDABqsRI_J3OhvMX2U2shBM0F