Player One is a React single-page application that presents a personal portfolio as an interactive retro arcade experience. It uses CRT scanline overlays, pixel typography, neon color palettes, Framer Motion animations, and game-themed navigation labels — turning a standard portfolio into an immersive 8-bit world.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/player-one/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what Player One is, how it’s structured, and what technologies power the arcade experience.
Getting Started
Clone the repository, install dependencies, and have the site running locally in minutes.
UI Components
Explore every reusable component — Navigation, HUD, CRT Overlay, Ghost Sprite, and more.
Design System
Reference the arcade color tokens, pixel font stack, and CSS animation effects used throughout the site.
The Arcade Experience
Player One maps every portfolio section to a classic arcade metaphor:| Route | Arcade Label | Purpose |
|---|---|---|
/ | TITLE SCREEN | Hero / landing page |
/about | LORE | Bio and background |
/projects | LEVEL SELECT | Project showcase |
/skills | HIGH SCORES | Technical skill set |
/writing | CODEX | Blog / articles |
/case-studies | BOSS BATTLES | In-depth project write-ups |
/contact | SAVE GAME | Contact form |
Quick Start
Start the dev server
Player One uses hash-based routing (
#/about, #/projects, etc.) so every page in dist/ is a self-contained HTML file that can be served from any static host without server-side redirect rules.