dev-mode is a fully animated, arcade cabinet–inspired developer portfolio. It combines React Router for client-side navigation, Framer Motion for page transitions, and a hand-tuned Tailwind CSS palette of neon cyan, magenta, and lime to create a CRT terminal aesthetic from top to bottom.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-mode/llms.txt
Use this file to discover all available pages before exploring further.
Installation
Clone the repo, install dependencies, and have the site running in under two minutes.
Running Locally
Start the Vite dev server and preview every page with hot module reload.
Project Structure
Understand how pages, components, and assets are organised in the repo.
Customization
Swap colors, fonts, and animations to make the portfolio your own.
What’s inside
dev-mode ships seven distinct pages, each themed as a different arcade screen:Home
High-score leaderboard with an animated color-cycling title and live marquee ticker.
About
Character-select screen with pixel-art sprite, stat bars, and a hand-written instruction manual card.
Projects
3D cartridge wall with genre filters and hover-flip cards linking to live demos and source.
Skills
Fighting-game command list with animated progress bars across three skill categories.
Writing
Manual rack displaying articles as tilted paper cards pinned to a corkboard.
Case Studies
Boss-battle breakdowns of real engineering challenges, complete with XP rewards on victory.
Contact
Arcade initials entry form — navigate with arrow keys and submit your message as a high-score entry.