Here is some UI and work shown in this repository and Project details are share

Live Preview Project

Project Requirements –

The main thumbnail should change based on the Band Color selection.

When clicking Add to Cart it should show a floating Checkout button with a count number.

Once you click on the floating Checkout button it will open Modal Preview (Your Cart) with added items.

Your Cart modal should be updated accordingly, including photo, color, size, quantity, price, etc.

Technology Use

1. React js
2. React Hooks
3. Event Handlers
4. Arrow Functions
5. react-star-ratings
6. react-toastify
7. HTML5
8. CSS3
9. Bootstrap5

Project Run Process

1. Download or Clone this repository
2. npm install
3. npm start

Project Deploy

1. Netlify

Project UI

Cart Page

Checkout Modal