DevHaunt is a fully animated, Halloween-themed developer portfolio built with React, Vite, and Framer Motion. It showcases projects, skills, work history, case studies, a blog, and a contact form — all wrapped in an atmospheric haunted house aesthetic with custom pumpkin-orange, ghost-white, and deep-night-teal design tokens.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-haunt/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Clone the repo, install dependencies, and launch DevHaunt locally in under two minutes.
Architecture
Understand the SPA structure, routing, Vite build config, and how static pages are generated.
Components
Explore every React component — from the Layout wrapper to the animated HauntedHouse SVG.
Customization
Swap out colors, fonts, and Tailwind tokens to make DevHaunt your own.
What’s Inside
DevHaunt ships with nine distinct pages, each themed around a Halloween concept:| Route | Theme | Component |
|---|---|---|
/ | The Porch | HauntedHouse hero |
/about | Trick or Treat | TrickOrTreatBag |
/projects | The Graveyard | Tombstone cards |
/skills | The Pumpkin Patch | JackOLantern grid |
/work | Hall of Doors | DoorPanel cards |
/case-studies | The Evidence Room | EvidenceBoard |
/blog | Tales from the Crypt | Postcard stack |
/testimonials | Spirits Speak | FloatingGhost cards |
/contact | Ring the Doorbell | DoorbellForm |
Get Started
Start the dev server
DevHaunt uses a custom cursor — the default OS cursor is hidden via
cursor: none in main.css. The CursorTrail component renders an animated replacement.