Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/neon-retro-web/llms.txt

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

Neon Retro Web is a single-page React portfolio built with Vite, React Router v6, Framer Motion, and Tailwind CSS. It delivers a bold Y2K / neon-retro aesthetic through a custom design token system, animated retro UI components, and page transitions — giving developers a distinctive, themeable foundation for a personal portfolio or showcase site.

Introduction

Understand the project architecture, tech stack, and how all the pieces fit together.

Getting Started

Clone the repo, install dependencies, and run the dev server in under five minutes.

Components

Explore the reusable Window and RetroElements components that power the UI.

Customization

Swap fonts, colors, and Tailwind design tokens to make the portfolio your own.

What’s Inside

Neon Retro Web ships with everything needed for a personal portfolio — seven pre-built pages, a reusable component library, and a cohesive design system inspired by early-2000s web aesthetics.

7 Pages

Home, About, Projects, Skills, Writing, Case Studies, and Contact — all routed via React Router v6.

Retro Components

Window chrome, scrolling marquees, blinking badges, a hit counter, and an “under construction” widget.

Design System

Eight custom Tailwind color tokens, CRT overlay, neon glow utilities, and a retro scrollbar.

Quick Start

1

Clone the repository

git clone https://github.com/apursley2012/neon-retro-web.git
cd neon-retro-web
2

Install dependencies

npm install
3

Start the dev server

npm run dev
Open http://localhost:5173 to see the portfolio running locally.
4

Customize and build

Edit page content in /src, adjust Tailwind tokens in tailwind.config.js, then run npm run build to produce the static output.
The project uses hash-based routing (#/about, #/projects, etc.) so the built output works on any static file host without server-side redirect rules.

Build docs developers (and LLMs) love