In your Products component, display at least $10$ product items on the page

using this bootstrap card. Make use of an array of objects and render each

product using the $.$map$()$ method.

$$ Each product should have a responsive image, a title, a short description, a

price, and a $$buy$$ button.

$$ Each product should also have at least $3$ colour options. Use a Bootstrap

dropdown button for this.

$$ When a colour option is selected inside the dropdown button, the text that

says $$Dropdown button$$ should change to that selected colour.

$$ Create a component called TotalPrice.js and define an Follow these steps:

$$ In your Products component, display at least $10$ product items on the page

using this bootstrap card. Make use of an array of objects and render each

product using the $.$map$()$ method.

$$ Each product should have a responsive image, a title, a short description, a

price, and a $$buy$$ button.

$$ Each product should also have at least $3$ colour options. Use a Bootstrap

dropdown button for this.

$$ When a colour option is selected inside the dropdown button, the text that

says $$Dropdown button$$ should change to that selected colour.

$$ Create a component called TotalPrice.js and define an