https://github.com/code-beaker/interactive-rating-component-code-beaker
Interactive Rating Component | React JS & TailwindCSS
https://github.com/code-beaker/interactive-rating-component-code-beaker
frontendmentor-challenge interactive-rating-component reactjs tailwindcss
Last synced: 1 day ago
JSON representation
Interactive Rating Component | React JS & TailwindCSS
- Host: GitHub
- URL: https://github.com/code-beaker/interactive-rating-component-code-beaker
- Owner: Code-Beaker
- Created: 2026-06-27T03:26:26.000Z (30 days ago)
- Default Branch: main
- Last Pushed: 2026-06-27T03:43:34.000Z (30 days ago)
- Last Synced: 2026-06-27T05:11:31.903Z (30 days ago)
- Topics: frontendmentor-challenge, interactive-rating-component, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://rating-component-code-beaker.vercel.app
- Size: 59.6 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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](#interactive-rating-component)
- [Challenge](#challenge)
- [Built with](#built-with)
- [Features](#features)
- [Process](#process)
- [Getting Started](#getting-started)
- [Links](#links)
## Challenge
This is a solution to the [Interactive Rating Component](https://tinyurl.com/ycym4usc) 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:
```bash
npm install
```
Start the development server:
```bash
npm run dev
```
## Links
- [GitHub Repository](https://github.com/Code-Beaker/interactive-rating-component-code-beaker)
- [Deployed site](https://rating-component-code-beaker.vercel.app/)