Project Name: JavaScript capstone project - Your API-based webapp.

A web application based on an external API that provides data about food. The webapp have 2 user interfaces.

The wireframe to be followed can be seen on this link:

For homepage:

For popup window:

-- APIs used for the project:

For food content:

For storing and retriving data:

Requirements:

User stories followed:

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.
Page should make only 2 requests: . One to the base API. . One to the Involvement API.
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.

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 that show: . The number of items (home). . The number of comments (comments popup).
Counters functions are tested using Jest.
Use of GitHub Project/Kanban for project control