01
Live deployment
Make this concrete enough that another engineer can understand what you built and why.
CAREER PROJECT · Intermediate · 1 weekend
Accessible Product Dashboard
Build a responsive data dashboard with optimistic UI, keyboard navigation, performance budgets and accessible states.
ReactTypeScriptAccessibilityPerformanceTesting
DEFINITION OF DONE
Leave artifacts a reviewer can inspect.
02
Accessibility audit
Make this concrete enough that another engineer can understand what you built and why.
03
Responsive screenshots
Make this concrete enough that another engineer can understand what you built and why.
04
Test summary
Make this concrete enough that another engineer can understand what you built and why.
05
Architecture notes
Make this concrete enough that another engineer can understand what you built and why.
RESUME / PORTFOLIO FRAMING
Describe what you actually did.
Shipped an accessible TypeScript dashboard with tested data flows, responsive states and performance-focused rendering.
Use this as a starting structure, then replace it with your real implementation details, metrics and constraints. Do not claim outcomes you did not measure.
STRETCH GOALS
Go deeper if the core is already solid.
Offline cache
Add only if it strengthens the engineering story instead of delaying a finished, deployable core.
Virtualized lists
Add only if it strengthens the engineering story instead of delaying a finished, deployable core.
E2E tests
Add only if it strengthens the engineering story instead of delaying a finished, deployable core.