Problem Statement

Your task is as follows:

Load Projects $($script$.$js file$)$:

Add a functionality in the loadProjects$()$ function to retrieve all the project objects from projects array $($defined in the projects.js file$)$ and create individual cards displaying the information as below:

The CSS is already provided for the DOM elements in styles.css file. Kindly use the CSS selectors given in the index.html file.

For creating individual project cards, you will have to iterate over the projects array. For this, you can use the Array.length property.

Save New Project $($script$.$js file$)$:

Add a functionality in the saveNewProject$()$ function to fetch the details of the new project from the form $($used for entering the details of the new project$)$ using DOM manipulation In Java script.

Create a new noniect ohiect using the details fetched