Welcome to the documentation for Windows XP Developer Portfolio — a fully animated, nostalgia-driven React SPA that brings back the glossy, translucent aesthetics of Windows XP and the Frutiger Aero era. Built with Vite, React Router v6, Framer Motion, and Tailwind CSS, it showcases developer work through themed portfolio pages wrapped in a simulated desktop shell.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/windows-xp-developer/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Clone the repo and run the portfolio locally in under five minutes.
Project Structure
Understand how components, pages, and assets are organized.
Aqua Design System
Explore the glassmorphism CSS classes, XP color palette, and visual design rules.
Components
Browse the Aqua component library: buttons, windows, panels, taskbar, and more.
What’s inside
The portfolio is structured as a simulated Windows XP desktop. A persistent Taskbar sits at the bottom of every page, with a Start Menu for navigation. Page content renders inside the desktop area using AquaWindow, AquaPanel, and AquaButton components that replicate the classic XP chrome — complete with gradient title bars, glassy surfaces, and lens-flare hover effects.AquaButton
Glossy, animated buttons with four size variants and a lens-flare sweep effect.
AquaWindow
Framed content windows with XP-style title bars and minimize/maximize/close controls.
AquaPanel
Glassmorphism cards with blur, border, and entrance animation built in.
Taskbar
Fixed bottom bar with Start button, active page indicator, clock, and system tray icons.
Start Menu
Animated Start Menu overlay with full navigation links and user badge.
Bubbles
Floating animated bubble background that recreates the XP Bliss wallpaper feel.
Portfolio pages
The nine portfolio pages each use a distinct interactive UI pattern — from a skills radar to a CD-flip case study viewer to an iTunes-style articles library.Home
Hero intro with animated tagline and CTA.
About
Personal bio rendered in a floating AquaWindow.
Projects
Project cards with glassmorphism hover effects.
Skills
Animated skill bars and category badges.
Work History
Timeline of roles with glass-card entries.
Case Studies
CD-flip cards with animated 3D rotation.
Articles
iTunes-style library grid for blog posts.
Testimonials
Floating avatar cards with quote panels.
Contact
Outlook-style email composer form.
Get started
Start the dev server