All challenges
UI · Frontend challenge · Frontend UI
Canvas Sketch Drawing Board
Difficulty
hard
Time
~35m
Format
Single
Grading
Human review
#ui#react#frontend#effects#events#canvas
Mission file // read carefullyhard
Build a Drawing Board component using HTML5 <canvas>.
Requirements
- Dragging with left-click draws freehand lines on the board.
- Include tools to select brush color (Red, Green, Blue, Black) and stroke size.
- A Clear button wipes the canvas cleanly.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.