This project was completed using the following requirements:
Get a list of items with a unique item id (or generate the unique id).
You should build these interfaces:
The home page.
The comments popup.
The reservations popup (only for the groups of 3 students).
You should follow the layout of the wireframes provided. You should personalize the rest of the design including colors, typographies, spacings, etc.
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.
Remember that your page should make only 2 requests:
One to the base API.
And 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.
When the user clicks on the "Reservations" button, the Reservations popup appears (only for the groups of 3 students).
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.
Reservations popup (only for the groups of 3 students)
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.
This project was completed using the following requirements:
Get a list of items with a unique item id (or generate the unique id).
You should build these interfaces: The home page. The comments popup. The reservations popup (only for the groups of 3 students). You should follow the layout of the wireframes provided. You should personalize the rest of the design including colors, typographies, spacings, etc. 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. Remember that your page should make only 2 requests: One to the base API. And 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. When the user clicks on the "Reservations" button, the Reservations popup appears (only for the groups of 3 students). 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. Reservations popup (only for the groups of 3 students) 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.