Mystery Haunting is a fully animated, spooky-themed personal portfolio website for developers. Built with React, Vite, Framer Motion, and React Router v6, it features nine themed pages — from a haunted foyer landing page to a séance-style contact form — all wrapped in a gothic aesthetic with ghost-teal glows, pumpkin accents, and atmospheric effects.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/mystery-haunting/llms.txt
Use this file to discover all available pages before exploring further.
Installation
Clone the repo and install dependencies to get the portfolio running on your machine.
Running Locally
Start the Vite dev server and preview the full spooky experience in your browser.
Project Structure
Understand how the codebase is organized: components, pages, assets, and routing.
Customization
Learn how to swap out colors, fonts, content, and animations to make the site your own.
What’s Inside
Mystery Haunting includes nine distinct pages, each with its own interactive, spooky personality:The Foyer
Animated landing page with floating ghosts and a cinematic welcome sequence.
The Attic
About page styled as a monster dossier with an interactive exhumable card.
The Graveyard
Projects displayed on hoverable gravestones — alive or dead.
The Lab
Skills visualized as potion bottles with animated fill levels.
Previous Hauntings
Work history on a spooky vertical timeline with haunted house icons.
Séance Circle
Contact form styled as an ouija board with a planchette animation.
Quick Start
Start the dev server
Customize the content
Edit the page components in
assets/main.js (compiled) or the original source to swap in your own projects, skills, and bio. See the Customization guide for details.Mystery Haunting is a pre-built Vite SPA. All page content is embedded in the compiled JavaScript bundle. To deeply customize, modify the source components before running the build step.