TT-UI
All blocks

Experience Timeline 01

Scroll-synced work history section with progress rail section markers for portfolio and resume pages.

Install with shadcn CLI
Adds the block files into your project. Run from an app that already has shadcn initialized.
bash
npx shadcn@latest add @tt-ui/experience-timeline-01
Preview
Live demo of this block in the browser.

Portfolio block

Experience Timeline

A scroll-synced work history section with progress rail markers - ready to drop into portfolio and resume pages.

Experience

Selected roles where I led frontend architecture, shipped customer-facing product, and built design systems.

NL

Northwind Labs

Vibe Assisted Engineer

Remote

Man, I couldn't even tell you what I'm doing at this place, they just pay me to speak to an AI all day?

  • Prompted an AI to build the dashboard, it worked on my machine.
  • Increased bundle size by 32% after adding a new feature, agent promised it would be small.
  • Promised a new feature by Friday, that was last year.
ReactTypeScriptMotionDesign Systems
AC

Acme Commerce

Senior Frontend Engineer

San Francisco, CA

The good ol' days, when I was a real engineer.

  • Rebuilt cart checkout with optimistic UI, reducing abandonment by 12%.
  • Introduced feature flags and staged rollouts for payment experiments.
  • Partnered with design on responsive patterns reused across mobile web.
Next.jsGraphQLStripeA/B Testing
BS

Brightside Studio

Junior Frontend Engineer

Austin, TX

Shipped marketing sites and interactive product demos for agency clients in fintech and SaaS.

  • Delivered 20+ launch pages with scroll-driven storytelling and WebGL accents.
  • Standardized animation tokens and improved design-to-engineering handoff.
VueGSAPWebGLCSS
MC

McDonald's

McDonald's Employee

Behind the counter

Worked as a McDonald's Employee, I was a real engineer.

  • Worked as a McDonald's Employee, I was a real engineer.
Spitting in burgersMaking friesPaid for toilet breaks
Experience Timeline 01