Aurora Borealis is a luminous, atmospheric portfolio built with React 18, Framer Motion, and the Canvas 2D API. It delivers a complete developer portfolio experience — animated aurora gradients, a twinkling star field, constellation navigation, and seven distinct pages — all wrapped in a hash-based SPA that deploys as plain static HTML.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/aurora-borealis/llms.txt
Use this file to discover all available pages before exploring further.
Get Started
Clone the repo, install dependencies, and run the dev server in minutes.
Architecture
Understand how the app is structured, how routing works, and how animations are layered.
Components
Explore the three reusable visual components — AuroraBackground, StarField, and ConstellationNav.
Customization
Swap colors, replace content, add new pages, and configure the site for your own portfolio.
What’s inside
Aurora Borealis ships seven pages connected by smooth Framer Motion transitions, all rendered from a single Vite-built bundle.Home
Hero page with name, role, and at-a-glance developer stats.
About
Career journey Flight Log with a scroll-driven Observatory radar panel.
Projects
Mission Catalog — interactive planet/orb cards on a star-map grid.
Skills
Star Chart constellation map with animated proficiency bars.
Writing
Transmission Archive — a curated list of blog posts and articles.
Case Studies
Deep-dive project breakdowns with sticky sidebar navigation.
Contact
Signal Transmitter — animated contact form with social links.
Technology stack
React 18
UI framework powering all components and page rendering.
Framer Motion
Drives aurora gradients, page transitions, and interactive UI animations.
Canvas 2D API
Renders the full-screen star field and shooting-star effects natively.
React Router DOM
Hash-based SPA routing with per-page static HTML entry points.
Tailwind CSS
Utility-first styling for layout, spacing, and responsive design.
Vite
Fast build tooling producing an optimised static bundle.