Description:

In this feature I did the following:

• Created 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. ✅
• Added event to comment button to open your popup. ✅

Description:

In this feature, I worked on updating the modal design

• Image no longer stretches on the modal ✅
• Modal width has been increased by 5% ✅
• Modal close is triggered when the user click any region outside the modal ✅

Description:

In this feature, @abdulhamiid and I @kwekubright implement the following:

• A home page showing a list of movies that you can "like." ✅
• A popup window with more data about a movie that you can use to comment on it. ✅
• We are a team of 2, as a result, we did not work on the reservation feature since it's only required of a team of 3. ✅
• We added tests for the comment and movie counter ✅

Group Presentation

https://user-images.githubusercontent.com/5249414/175525468-a73aafef-d5d6-4687-939a-0eb331da1935.mp4

Live Demo Link: https://kwekubright.github.io/javascript-group-capstone/

Description:

In this feature, I worked on implementing a higher fidelity design

• I changed the theme to the dark mode
• I improved the mobile responsiveness

Description:

In this feature, I fixed the bug related to comments reloading after successfully adding a new comment.

• When a new comment is added, the comment section will automatically reload without the user having to refresh the page.
• The comment counter also reloads automatically

Added Features

• When the page loads, the web app the Involvement API shows the item likes and combines them with the data from the base API.
• When the user clicks on the Like button of an item (on Homepage), the interaction is recorded in the Involvement API and the screen is updated.
• When the user clicks on the Like button of an item (on Homepage), the interaction is recorded in the Involvement API and the screen is updated.
• I display the correct number is movies in the navbar on the Home page.

New features

I created the main part of the homepage.

• When the page loads, the web app retrieves data from TVmaze API
• The list of movies is generated and shown on screen.

Your project looks great, but there are some issues to improve:

• Make sure that the cards be the same size, it will look more professional
• Repair issue about like, to be increased when someone clicks on like

Description:

My coding partner @abdulhamiid and I @kwekubright have successfully setup our project kanban board. We are a group of 2. Here is the link to our project board: https://github.com/kwekubright/javascript-group-capstone/projects/1

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.