All challenges
UI · Frontend challenge · Frontend UI
Collapsible Sidebar Menu
Difficulty
medium
Time
~20m
Format
Single
Grading
Human review
#ui#react#frontend#state#navigation
Mission file // read carefullymedium
Build a Collapsible Sidebar Menu navigation drawer.
Requirements
- Include a drawer trigger button (e.g. Hamburger icon) toggling the panel open/closed.
- Drawer should slide in/out smoothly from the left edge of the page.
- Clicking outside the sidebar drawer should automatically close it.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.