developer.exe is a single-page portfolio application built for developers who want their personal site to feel like booting up an arcade cabinet. Built on React 18 and Vite, it wraps every section of a traditional portfolio — projects, writing, skills, case studies — in the language of retro video games: neon scanlines, a floating HUD, a perspective synthwave grid, and pixel-border components styled with the Press Start 2P and VT323 fonts. It is aimed at developers who want a distinctive online presence that reflects craft, personality, and technical depth, without sacrificing the performance and maintainability of a modern React stack.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/developer-exe/llms.txt
Use this file to discover all available pages before exploring further.
Key Features
Arcade Visual Theme
Deep-space
#06070d background, neon color palette, and pixel-art typography using Press Start 2P and VT323 — the entire UI reads like a mid-90s arcade attract screen.CRT Overlay Effects
A fixed
CRTOverlay component layers authentic scanline and RGB-channel separation effects over the entire viewport using CSS background-size: 100% 4px and a radial vignette.Neon Component Library
Reusable components —
GlitchText, PixelButton, SynthwaveGrid — each built with Tailwind utility classes and custom CSS variables so neon colors stay consistent site-wide.Game-Inspired Navigation
A persistent heads-up display (
HUD) floats above every page, showing a live clock, the current “level” name derived from the active route, and a score counter — all styled in font-hud (VT323).Framer Motion Animations
Page transitions, component entrances, and the scrolling synthwave grid are driven by Framer Motion, keeping animations performant and declarative alongside JSX markup.
Hash-based Routing
React Router v6
HashRouter powers all navigation, keeping the app deployable as a fully static site on GitHub Pages or any CDN without server-side routing configuration.Design Philosophy
developer.exe treats a developer portfolio as a video game, and every section maps to a familiar game concept. This metaphor system is not purely cosmetic — it shapes how content is structured and how visitors experience the site.| Portfolio Section | Game Metaphor | Route |
|---|---|---|
| Home | Attract Mode — the idle loop before a player inserts a coin | #/ |
| About | Character Select — stats, backstory, origin | #/about |
| Projects | Level Select — pick your challenge | #/projects |
| Skills | Skills Tree — earned abilities laid out as a progression grid | #/skills |
| Writing | Mission Briefings — dispatches and notes from the field | #/writing |
| Case Studies | Boss Levels — deep dives that require full attention | #/case-studies |
| Contact | Continue Screen — the invitation to start a new game together | #/contact |
/case-studies becomes LEVEL: CASE STUDIES, / becomes LEVEL: ATTRACT MODE — so the game framing is always present in the UI, not just in the copy.
Tech Stack
| Technology | Version / Detail | Role |
|---|---|---|
| React | 18.3.1 | UI rendering and component model |
| Vite | Latest (compiled output) | Build tool, dev server, static bundling |
| Tailwind CSS | Utility-first (compiled) | Layout, spacing, responsive breakpoints |
| Framer Motion | Via proxy.js bundle | Declarative animations and page transitions |
| React Router | v6.30.4 (HashRouter) | Client-side routing with hash-based URLs |
| Press Start 2P | Google Fonts | Pixel-art display font (.font-pixel) |
| VT323 | Google Fonts | Monospace HUD font (.font-hud) |
The neon color palette is defined as CSS custom properties in
assets/main.css and referenced throughout every component. The three core values are:--neon-green→#39ff14— primary accent, HUD text, cursor crosshair stroke--hot-magenta→#ff2bd6— glitch shadow offset, scrollbar thumb, selection highlight--electric-cyan→#22d3ee— secondary accent,GlitchTextcounter-shadow, border highlights
.glitch-text-base, .pixel-border) and the Tailwind extended palette (text-neon-green, border-neon-cyan, bg-neon-magenta, etc.).