React and Tailwind Product Card Component

A customisable React component to display product details, including an image, rating with stars, description, and color selection options.

Features

• Displays dynamic product image, brand, model, and description using an external json file.
• Allows color selection to choose between product variations.
• Renders a 5-star rating system that updates when the rating changes.

Installation

1. Clone the repository:

   git clone https://github.com/DevAndBass/React-Tailwind-iPhone-Product-Card.git
   

2. Navigate into the directory

   cd React-Tailwind-iPhone-Product-Card
   

3. Install dependencies:

   npm install
   

4. Run the project:

   npm run dev
   

Demo

Watch the tutorial for building this component on my YouTube Channel. (Coming soon!)

Socials

• YouTube: 🎥 DevAndBass
• GitHub: 🖥️ DevAndBass