When the user clicks (or taps) the button to check project details, the popup with details about the project appears. :heavy_check_mark:
When the user clicks (or taps) the close (X) button, the popup disappears. :heavy_check_mark:
We implemented popups for both mobile and desktop screen sizes. :heavy_check_mark:
In order to associate each project with the popup window details, we used a JavaScript array to store all of the information for all projects. :heavy_check_mark:
For each project we stored the following pieces of data in a JavaScript object, at a minimum: name, description, featured image, technologies, link to live version, link to source. :heavy_check_mark:
We updated the main page so that the projects section is created dynamically using the information stored in that JavaScript object. Remember, all of the HTML in that section is created when the page loads. :heavy_check_mark:
Features added: :heavy_plus_sign: