Y2K Webring is a fully static React SPA that revives the bold, maximalist web aesthetics of the early 2000s. Built with React 18, Vite, React Router v6, Framer Motion, and a custom Tailwind CSS design system, it delivers a three-column portfolio layout with a retro navigation sidebar, animated Y2K UI components, and a data-driven content model that makes it easy to personalize everything from a single file.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/y2k-webring/llms.txt
Use this file to discover all available pages before exploring further.
Get Started
Clone the repo, install dependencies, and have the site running locally in under two minutes.
Architecture
Understand the three-column layout, hash-based routing, and how components are composed.
Y2K Components
Explore the full set of Y2K-styled UI primitives: BorderedPanel, ChunkyButton, PillTag, and more.
Customize Your Data
All portfolio content lives in one file — learn how to make it yours in minutes.
What’s Inside
Y2K Webring ships with everything you need to deploy a distinctive developer portfolio:Y2K Design System
Magenta, lime, and cyan neon palette with chunky 2px borders, glowing box-shadows, and marching-ants animations.
Animated Components
SparkleTrail cursor effects, Framer Motion page transitions, and rotating icon animations.
Data-Driven Content
One
portfolioData.js file controls your name, bio, projects, skills, writing, case studies, and guestbook.Static Hosting Ready
Hash-based routing and pre-rendered HTML pages make deployment to GitHub Pages, Netlify, or Vercel trivial.
Seven Pages
Home, About, Projects, Skills, Writing, Case Studies, and Contact — all linked from the persistent left nav.
Retro Typography
VT323 monospace display font and Caveat handwriting font for an authentic early-2000s character.
Quick Start
Start the dev server
Personalize your content
Edit
data/portfolioData.js to replace the placeholder profile, projects, skills, writing posts, and case studies with your own. See Customize Your Data for the full schema.Y2K Webring ships with realistic sample data — a fictional developer persona named ALEX.EXE — so you can see exactly how the site looks before personalizing it.