Skip to content

DevAbdurR/Interactive-Rating-Component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interactive Rating Component - React

This is a solution to the Interactive Rating Component challenge from Frontend Mentor, built using React. It's a small project designed to showcase an interactive rating component that allows users to select a rating. image

Features

  • Interactive star rating system.
  • Displays the selected rating in real-time.
  • Built with React, making it a reusable component.

Demo

See the live project in action: https://reactjs-rating-component.netlify.app/

Technologies Used

  • React
  • HTML
  • CSS
  • JS

Getting Started

To get a local copy up and running, follow these steps:

  1. Clone this repository: git clone https://github.com/DevAbdurR/Interactive-Rating-Component
  2. Navigate to the project directory: cd interactive-rating-component
  3. Install dependencies: npm install
  4. Start the development server: npm start

Usage

  1. Hover over the stars to highlight your desired rating.
  2. Click to select a rating.
  3. The selected rating will be displayed in real-time.

Contributing

Contributions are welcome! If you have any improvements or fixes, feel free to submit a pull request. Please follow the standard coding guidelines.

  • Fork the repository.
  • Create a new branch: git checkout -b feature/your-feature-name
  • Make your changes and commit them: git commit -m 'Add some feature'
  • Push to the branch: git push origin feature/your-feature-name
  • Open a pull request.

This project was completed as a part of the Frontend Mentor challenges. Visit the website for more coding challenges to improve your front-end skills!