Build a Recipe Serving Scaler
Build a React recipe scaler that updates ingredient amounts from serving state, respects the 1 to 8 limits, and restores the original recipe.
React
Challenge overview
- Format
- Build a Component
- Category
- React
- Difficulty
- Intermediate
statepropsderived-valuesconditional-uiimmutability
Keep practicing
More coding challenges
HTML & CSS · Intermediate
Build a Responsive Product Grid
Turn a stacked product list into a three-column CSS Grid with consistent gaps, then collapse it to one column on screens up to 700px.
View challengeHTML & CSS · Beginner
Build a Semantic FAQ Card
Build a native FAQ disclosure with semantic details and summary elements, then style the question and answer as a compact dark card.
View challengeReact · Beginner
Build a Team Member Card
Complete a reusable React team member card that reads name, role, and online status from props while rendering both example members.
View challenge