This capstone project was about building our own web application based on an external API. We selected an API that provides data about a topic that we like and then we will build the web app around it. The web app has 2 user interfaces.
[x] A home page showing a list of items that you can "like."
[x] A popup window with more data about an item that you can use to comment on it
Home page:
[x] When the page loads, the webapp retrieves data from:
[x] The selected API and shows the list of items on screen.
[x] The Involvement API to show the item likes.
[x] When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.
[x] When the user clicks on the "Comments" button, the Comments popup appears.
[x] Home page header and navigation similar to the given mockup.
[x] Home page footer similar to the given mockup.
Comments popup:
[x] When the popup loads, the webapp retrieves data from:
[x] The selected API and shows details about the selected item.
[x] The Involvement API to show the item comments.
[x] 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).
[x] The number of comments (comments popup).
[x] Created a specific function to calculate these numbers on each page
[x] These counter functions are covered with unit tests using Jest.
This capstone project was about building our own web application based on an external API. We selected an API that provides data about a topic that we like and then we will build the web app around it. The web app has 2 user interfaces.
[x] A home page showing a list of items that you can "like."
[x] A popup window with more data about an item that you can use to comment on it Home page:
[x] When the page loads, the webapp retrieves data from:
[x] The selected API and shows the list of items on screen.
[x] The Involvement API to show the item likes.
[x] When the user clicks on the Like button of an item, the interaction is recorded in the Involvement API and the screen is updated.
[x] When the user clicks on the "Comments" button, the Comments popup appears.
[x] Home page header and navigation similar to the given mockup.
[x] Home page footer similar to the given mockup.
Comments popup:
The number of items (home).