Pick up to ten submissions. We assemble them into one page a recruiter can read in ninety seconds — task, what it proved, and the commit behind it.
Web Dev · Level 2 · 10 days shipped
Install Node 20, set up a Vite + React project, initialise a public GitHub repo, and push your first commit. Your repo is the spine of the next 60 days.
Build a profile card using only semantic HTML — header, article, figure, footer. No divs allowed except for layout wrappers.
Recreate three layouts from screenshots using margin, padding, and border only. No flexbox yet — you need to feel the box model first.
Build a nav bar, a card row, and a sticky footer layout with flexbox. Handle wrapping at 390px without media queries.
Lay out a dashboard shell with CSS Grid: sidebar, header, content, and a responsive card area using grid-template-areas.
Build a to-do list in vanilla JS using a single delegated click listener on the container instead of per-item handlers.
Consume a public API, render the results, and handle loading and error states properly. Every request needs a failure path.
Convert yesterday's vanilla page into React components with props. Split into at least four components with clear boundaries.
Build a filterable product list with controlled inputs. State lives in exactly one place — find where it belongs.
Fetch data inside a component with proper cleanup and an abort controller so fast navigation never leaves a stale response behind.