Great job with your project 👏##

@learnwithalfred and @GiuseppeTG, your work looks amazing, you have developed a great project. In the peer-to-peer code review you told us that you wanted to change the shadow you had on your close button, but you couldn't find how was that property being applied. For you to change that you need to change the focus pseudo-element for your close button. Hope this helps you guys.

Cheers and Happy Coding 👏!!

Capstone 2

In this project, we built a webpage where the user can search for different TV shows, comment them and like them.

Link to video

https://drive.google.com/file/d/1oIEWXL32SoS9nXczNdZc_bgM4KHWxMma/view?usp=sharing

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

I display 10 cards with the data of each show and implemented a searching feature that renders the shows you were searching for.

Hello @learnwithalfred @GiuseppeTG, Great job so far :clap: you have done an amazing job, but there is an improvement you should apply. Instead of having the data as a parameter, it will be better to set them as an object. This is will help your code to be scalable in the 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.

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).

Create a reservations 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).