Interactive Rating Component

A simple interactive rating component built with React and Tailwind CSS. Users can select a rating from 1 to 5, submit their feedback, and view a thank-you screen displaying their selected rating.

• Interactive Rating Component
  • Challenge
  • Built with
  • Features
  • Process
  • Getting Started
  • Links

Challenge

This is a solution to the Interactive Rating Component challenge from Frontend Mentor.

Built with

• React JS
• TailwindCSS

Features

• Select a rating from 1–5
• Visual feedback for the selected rating
• Validation to prevent submission without selecting a rating
• Thank-you screen after submission
• Responsive design

Process

I always got stuck on this one. So this time, I decided to sit down and think a little. I got help from ChatGPT for solving errors and code explanation. After an hour of work, the challenge is complete. I have started to get better at React. Now, I want to move forward with more projects.

Getting Started

Clone the repository and install the dependencies:

npm install

Start the development server:

npm run dev

Links

• GitHub Repository
• Deployed site