• In its description, paste a link to your GitHub project:

• [ ] link to your GitHub project

• Add a note telling the reviewer how many people there are in your team:

• [ ] We are two students, but we will try complete tasks also for a third student @fahdrahali and @OybekKayumov

##This PR is created to merge development branch into main branch

##Authors: @fahdrahali and @OybekKayumov

video link Loom video link

Things to do

• Use JavaScript to make websites dynamic and build basic single page apps.
• Use ES6 syntax.
• Use ES6 modules.
• Use callbacks and promises.
• Use webpack.
• Apply JavaScript best practices and language style guides in code.
• Use AAA pattern for unit tests.
• Write units tests for a JavaScript app.
• Follow Gitflow.
• Solve simple git conflicts.
• Send and receive data from an API.
• Use API documentation.
• Understand and use JSON.
• Make JavaScript code synchronous.

Add a new comment to the comment list on a popup page:

• Create a post comment to send data to the API.
• create an add comment function to display comments.

Add display number of likes

Modify the movieDisplay to show likes

issue may be closed by this PR:

• [4pt] - Display number of likes for each item on the Homepage - Student A #12

issue may be closed by this PR:

• [3pt] - Create feature: add new like - Student A #9

Add display reservation popup

Add display number of likes

Modify the movieDisplay to show likes

issue may be closed by this PR:

• [4pt] - Display Reservations pop up with selected item's details - Student C #13

issue may be closed by this PR:

• [3pt] - Display reservations for a given item on the Reservations pop-up - Student C #10
• [4pt] - Create feature: add new reservation - Student C #7
• [3pt] - Add reservations counter - Student C #4

Build a popup to display comments with selected item's details:

• Build modal movie details module to handle popup (display content, open, close ...).
• Build styles to the popup.

Fetch data from API:

[4pt] - Display list of items on the Homepage - Student A #15

[0.5pt] Find external API - group task #20

[1pt] Choose assets - group task #19

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.

Create a comments popup only with the top section (displaying details of the selected item)

When the popup loads, the webapp retrieves data from the selected API and shows details about the selected item.

Add event to button prepared by your teammate that will open your popup. You need to communicate with your team member to make sure that you do not block each other (most likely the easiest solution is to merge the list of items feature to the dev branch before you try to add that event).