All projects

web

An accessible component library

Build the ten components every app needs, with keyboard support and ARIA that actually works.

intermediateTypeScript~30h

Why it matters

Almost every frontend job posting says 'accessibility' and almost no portfolio proves it. A modal that traps focus correctly is a more specific signal than any framework on a CV.

What you build

  • A modal with a real focus trap and restore
  • A combobox that follows the ARIA authoring pattern
  • Tabs, tooltip, accordion and toast with keyboard support
  • A documentation page you can navigate without a mouse

If you want more

  • Publish it to a registry
  • Add a visual regression suite

Build it 5 steps

  • Tab must cycle inside it, Escape must close it, and focus must return to whatever opened it.

  • Add tabs, tooltip, accordion and toast
  • Navigate the whole docs site with the mouse unplugged

Material for the whole build

Shows you can build interactive UI that works for keyboard and screen-reader users, which is the part most portfolios skip.

Get a plan built around projects like this