All challenges
UI · Frontend challenge · Frontend UI
Star Rating
Difficulty
medium
Time
~25m
Format
Single
Grading
Human review
#ui#react#frontend#events#hover#state
Mission file // read carefullymedium
Build an interactive Star Rating (5 stars).
Requirements
- Hovering a star previews that rating (it and all stars to its left fill).
- Clicking a star sets the rating; it persists after the mouse leaves.
- Show the selected rating as text (e.g.
3 / 5).
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.