Dev Nexus is a personal developer portfolio built with React, Vite, Framer Motion, and Tailwind CSS. It features an animated sigil navigation hub, glassmorphism UI panels, particle field backgrounds, and a full suite of interactive pages — all wrapped in a dark arcane aesthetic with electric violet and neon lime accents.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-nexus/llms.txt
Use this file to discover all available pages before exploring further.
Introduction
Learn what Dev Nexus is, how it’s structured, and what makes it unique.
Getting Started
Clone the repo, install dependencies, and run the dev server in minutes.
Architecture
Understand the React + Vite + React Router + Framer Motion stack.
Pages Reference
Browse documentation for every page — Home, About, Projects, Skills, and more.
Components
Explore the reusable components: NavBar, VialCard, SigilDiagram, ParticleField, and more.
Customization
Swap colors, update typography, configure animations, and make the site your own.
What’s inside
Dev Nexus is organized around seven public-facing pages, each with its own personality and animation style:Home
Animated orbit sigil with six radial navigation nodes
About
Non-linear career timeline with scroll-triggered reveals
Projects
Interactive VialCard grid with expandable project details
Skills
Radar SigilDiagram and icon grid of tech tools
Writing
Article archive with drop-cap typography and dividers
Case Studies
Deep-dive post-mortems with structured ritual sections
Tech stack
React 18 + Vite
The app is a single-page React application bundled with Vite for fast dev server startup and optimized production builds.
React Router v6
Hash-based client-side routing (
HashRouter) handles all page transitions without server-side rendering requirements.Framer Motion
Every page uses
AnimatePresence and motion components for entrance/exit animations and scroll-triggered reveals.