Space Mission is a fully animated, space-themed personal developer portfolio built with React 18, TypeScript, Framer Motion, and Tailwind CSS. It features a live starfield background, an interactive orbital diagram, a scroll-driven career timeline, a draggable project star map, and an SVG skill constellation — all wrapped in a sci-fi HUD aesthetic with cyan glow borders and monospace typography.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/space-mission/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what Space Mission is, what’s included, and how the project is structured.
Quickstart
Clone, install dependencies, and launch the dev server in under five minutes.
Architecture
Understand the component hierarchy, routing model, and animation system.
Customization
Swap colors, fonts, content data, and deploy to GitHub Pages.
Explore the Portfolio
Home Page
Orbital hero, HUD mission briefing, and typewriter intro.
Projects Star Map
Draggable, zoomable map of portfolio projects with detail panels.
Skills Constellations
Interactive SVG constellation graph grouped by frontend, backend, and tools.
Work History
Scroll-animated timeline of roles with mission patch styling.
Case Studies
In-depth project write-ups with mission status and outcome metrics.
Blog
Technical posts styled as interstellar transmissions with signal strength.
Tech Stack at a Glance
| Layer | Technology |
|---|---|
| UI Framework | React 18 |
| Language | TypeScript |
| Build Tool | Vite |
| Styling | Tailwind CSS v3 |
| Animation | Framer Motion |
| Routing | React Router v6 |
| Icons | Lucide React |
| Fonts | Space Mono, Fraunces, Inter |
| Deployment | GitHub Pages (static SPA) |
Space Mission is a static SPA. All page data — projects, skills, work history, blog posts — lives in TypeScript data files under
src/data/. Edit those files to personalize the portfolio without touching component logic.