Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/full-stack-sorcerer/llms.txt

Use this file to discover all available pages before exploring further.

The /work route, titled “Haunts (Work History)”, renders the developer’s career timeline as a moonlit graveyard. Each role gets its own animated SVG gravestone, complete with a RIP inscription, company name, dates, and a one-line spooky epitaph. The gravestones are arranged left-to-right from oldest to most recent, all standing above a glowing ground plane. Hovering a stone reveals the whispered prompt “Disturb the grave”; clicking it raises a tooltip card above the stone with the full role title and a detailed description of responsibilities and achievements.

​
Work History

CompanyRoleDatesEpitaph
Agency XFrontend Phantom2018 – 2020Pixel-pushed to death.
Startup.ioFull Stack Spirit2020 – 2022Vanished into the cloud.
FooCorpSenior Necromancer (Dev)2022 – PresentReanimated three legacy codebases.

​
Role Details

Led a team of 5 engineers through the migration of a monolithic React application to Next.js. The rewrite reduced page load times by 40% and resurrected several long-dead features that had been abandoned in the legacy codebase. Ongoing responsibilities include architecture decisions, code review, and the occasional exorcism of particularly stubborn bugs.Key achievements:
  • Directed a 5-person engineering team across a full-stack Next.js migration
  • Achieved a 40% reduction in page load times post-migration
  • Reanimated three legacy codebases previously considered unsalvageable
Vanished into the cloud to build a serverless API platform on AWS Lambda and Node.js. The system scaled to handle over 1 million monthly requests before the funding round dried up and the startup dissolved into the ether.Key achievements:
  • Designed and deployed serverless APIs using AWS Lambda and Node.js
  • Scaled infrastructure to 1M+ monthly API requests
  • Maintained >99.9% uptime across all production endpoints
Pixel-pushed to death crafting pixel-perfect marketing sites for Fortune 500 clients. Mastered CSS animations, cross-browser compatibility horrors, and the dark art of IE11 support — all before modern tooling could save anyone.Key achievements:
  • Delivered pixel-perfect marketing experiences for Fortune 500 clients
  • Built reusable component systems with CSS animations and vanilla JS
  • Survived cross-browser compatibility requirements including legacy IE support

​
Gravestone Interaction

1

Visit /work

Navigate to the /work route. You’ll see the “Haunts (Work History)” heading and three SVG gravestones rising from a glowing ground plane. Each stone displays RIP, the company name, and date range. The gravestones are ordered left-to-right from oldest (Agency X) to most recent (FooCorp).
2

Hover to reveal the prompt

Hover over any gravestone. A “Disturb the grave” label fades in beneath the stone — an invitation to interact. The gravestone itself lifts slightly (y: -5) via a Framer Motion whileHover animation.
3

Click to raise the tooltip

Click the gravestone to toggle its detail tooltip. The tooltip card animates in above the stone (opacity: 0 → 1, y: 20 → -20, scale: 0.8 → 1) via a spring entrance. It displays the full role title and a multi-sentence description of responsibilities and achievements. A small diamond tail points down toward the gravestone.
4

Dismiss the tooltip

Click the same gravestone again to dismiss the tooltip. Only one tooltip is open at a time — selecting a different stone closes the previous tooltip and opens the new one.

​
Adding a New Work Entry

Extend the work-history array in assets/main.js with a new object following this shape: 
{
  id: 4,
  company: "NewCo",
  role: "Job Title",
  dates: "2024 - Present",
  epitaph: "One-line spooky epitaph.",
  details: "Full description of responsibilities and achievements."
}
FieldTypePurpose
idnumberUnique identifier; used as the React list key.
companystringCompany name rendered on the gravestone body.
rolestringJob title shown in the tooltip heading.
datesstringDate range rendered beneath the company name on the stone.
epitaphstringShort flavour text inscribed in italics on the lower face of the stone.
detailsstringFull description rendered inside the tooltip card on click.
Work entries are rendered in array order, which flows left-to-right across the graveyard layout. To maintain a chronological oldest-to-newest reading direction, append newer roles to the end of the array rather than the beginning.

Build docs developers (and LLMs) love

Get started for freeTalk to us