Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-arcade/llms.txt

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

Dev Arcade is a retro-styled developer portfolio built as a React single-page application. It presents your work, skills, and writing through the lens of a classic arcade game — complete with scanlines, neon glow effects, pixel fonts, and a gamified level structure. Fork it, swap in your own content, and deploy to any static host.

Introduction

Learn what Dev Arcade is, what’s included, and how it’s structured

Quickstart

Clone, install, and run Dev Arcade locally in under five minutes

Architecture

Understand the routing, animation, and component architecture

Pages & Features

Explore every gamified level and the features it showcases

What’s Inside

Dev Arcade ships seven fully-built “levels”, each corresponding to a portfolio section:

Level 1 — Home

Animated character-select landing screen

Level 2 — About

Player profile with bio and stats

Level 3 — Projects

Filterable arcade cartridge project grid

Level 4 — Skills

Interactive constellation skill map

Level 5 — Writing

Comic-book strategy guide blog layout

Level 6 — Case Studies

Boss-rush narrative case study format

Customize It

Colors & Theming

Swap the neon arcade palette for your own brand colors

Fonts

Understand the three-font pixel system and how to replace them

Add Projects

Add your own projects to the cartridge inventory

Update Skills

Edit the skill constellation with your own tech stack
1

Clone the repository

Fork or clone apursley2012/dev-arcade from GitHub
2

Install dependencies

Run npm install to pull in React, Framer Motion, Tailwind, and friends
3

Start the dev server

Run npm run dev and open http://localhost:5173 to see your arcade
4

Make it yours

Edit the data arrays and Tailwind config to match your brand and content

Build docs developers (and LLMs) love