Skip to content

This is a simple interaction rating component built with ReactJS and CSS. It allows users to rate their experience on a scale of 1-5 stars.

Notifications You must be signed in to change notification settings

hatemhenchir/interactive-rating-component

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Interaction Rating Component

This is a simple interaction rating component built with ReactJS and CSS. It allows users to rate their experience on a scale of 1-5 stars.

Table of Contents

Features

  • Responsive design
  • Animated hover effects on the rating icons
  • Slide-in animation on the component
  • Easy to customize and integrate into your project

Technologies Used

  • ReactJS
  • CSS

Screenshots

Desktop version Mobile version

Getting Started

  1. Clone or download the repository
  2. Navigate to the project directory in your terminal
  3. Run npm install to install the necessary dependencies
  4. Run npm start to start the development server
  5. The component will be available at http://localhost:3000

Customization

The component can be easily customized by modifying the CSS in the src/styles directory.

Deployment

To deploy the component to a live environment, run npm run build and use the files in the build directory.

You can see the live solution at: https://hatemhenchir.github.io/interactive-rating-component.

Credits

Design inspiration and assets provided by Frontend Mentor

About

This is a simple interaction rating component built with ReactJS and CSS. It allows users to rate their experience on a scale of 1-5 stars.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published