All challenges
UI · Frontend challenge · Frontend UI
Feedback Rating Bar
Difficulty
easy
Time
~15m
Format
Single
Grading
Human review
#ui#react#frontend#state#slider
Mission file // read carefullyeasy
Build an interactive Feedback Rating Bar.
Requirements
- A continuous range slider or rating line representing scores from
1(Poor) to10(Excellent). - Dragging the slider dynamically changes the rating value.
- Change color of status feedback depending on value (e.g. Red for 1-4, Yellow for 5-7, Green for 8-10).
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.