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.
- Responsive design
- Animated hover effects on the rating icons
- Slide-in animation on the component
- Easy to customize and integrate into your project
- ReactJS
- CSS
Desktop version | Mobile version |
- Clone or download the repository
- Navigate to the project directory in your terminal
- Run
npm install
to install the necessary dependencies - Run
npm start
to start the development server - The component will be available at http://localhost:3000
The component can be easily customized by modifying the CSS in the src/styles
directory.
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.
Design inspiration and assets provided by Frontend Mentor
- My LinkedIn: @hatem-henchir-7a92141a8
- My Frontend Mentor: @hatemhenchir