Dashboard Sidebar

240px fixed navigation for /dashboard/**, active state driven by usePathname() — replaces the single hardcoded nav link. Collapses to a 64px icon rail below 1280px, becomes an overlay drawer below 768px.

Full rail (>= 1280px)

Icon + label, active route highlighted via aria-current, driven by usePathname().

PropTypeDefaultDescription
profileProfile—Passed straight through to the account menu at the bottom of the rail.
Sergiy Klymkovych

VoiceMock was built by one designer

I'm Sergiy, a product designer. I built this trainer myself — research, design system, code. On LinkedIn I show how products like this come together, and what it changes in a designer's work.

Product Designer · AI Design Engineer · Designer for Startups

See it on LinkedIn