Description

In this project we implemented the following :

• We first found the APIs to use to: -Get a list of items with a unique item id. -Get item detailed information about it.

• We built these interfaces: -The home page. -The comments popup. -The reservations popup.

Home page

When the page loads, the webapp retrieves data from: -The selected API shows the list of items on the screen. -The Involvement API shows the item likes and our page makes only two requests One to the base API and another 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. -When the user clicks on the "Reservations" button, the Reservations popup appears.

• Comments popup when the popup loads, the webapp retrieves data from: -The selected API 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.

• Reservations 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 reservations. -When the user clicks on the "Reserve" 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). -The number of reservations (reservations popup)

• #1

I added tests for checking the correct:

• amount displayed inside the reservations list span element
• count of fetch result
• added new script for package.json for testing
  • npm run test-res

added:

• reservations counter #4
• new reservation form #7
• the reservations list below the form, which is dynamically updated when a new reservation is made #10

on this branch I added those features to the home page:

• display the number of likes
• I Create feature: add new like
• I add all items counter on the home page

• Good job implementing all project requirements.
• Please update your ReadMe file to include the cloning and testing process.
• I think this will be better if you divide your comment and homepage list modules in different functions like you have done in reservation module. Then the code will be more maintainable in future

Find an API to base the development of the webapp around it. The API should allow you to

• Get a list of items with a unique item id (or generate the unique id).
• For a given item, get detailed information about it. choose an APIs that doesn't need authentication. if you select an API that requires authentication, you should implement it on your own. Also, if you select an API that provides image resources your webapp will be more visual.

Create the main part of the homepage that keeps the layout from the wireframe:

When the page loads, the webapp retrieves data from the selected API and shows the list of items on screen with the basic data (e.g. title + image).

Prepare also "Comments" and "Reservations" buttons. They should be doing nothing - just being displayed.

This task does not include displaying the number of likes for each item.

This task does not include the counter of the items.