Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/apursley2012/old-windows/llms.txt

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

Old Windows is a fully interactive, browser-based desktop environment that reimagines the Windows 98 aesthetic as a developer portfolio. Every section of the portfolio lives inside a resizable, draggable window — from your work history in a Notepad clone to your projects displayed in a Windows Explorer-style file manager. The entire experience is built on React with Framer Motion driving the window animations and a custom CSS system for the authentic beveled Win98 borders, pixel fonts, and CRT scanline overlay.

Introduction

Learn what Old Windows is, why it was built, and how it fits together as a portfolio template.

Getting Started

Clone the repo, install dependencies, and spin up the dev server in minutes.

Architecture Overview

Understand the component hierarchy, state management, and data flow powering the desktop.

Adding Apps

Register your own window apps in the config and watch them appear on the desktop.

​
What’s Inside

Desktop

The root canvas — icons, open windows, visitor counter, CRT overlay, and taskbar.

Window

Draggable, resizable window shell with minimize, maximize, and close controls.

Taskbar

Start menu, active window buttons, and a live system clock.

WindowContext

React context and hook powering all window state management.

Theming

CSS custom properties for Win98 colors and the Tailwind configuration.

CRT Effects

Scanline overlay and flicker animation that give the screen its retro glow.

​
Quick Look

1

Clone and install

git clone https://github.com/apursley2012/old-windows.git
cd old-windows
npm install
2

Start the dev server

npm run dev
Open http://localhost:5173 — the Windows 98 desktop loads immediately.
3

Edit your apps

Open config/apps.js and replace the placeholder content in each app component with your own portfolio content.
4

Deploy

npm run build
The dist/ output is a static site — deploy it to GitHub Pages, Netlify, Vercel, or any static host.

Build docs developers (and LLMs) love

Get started for freeTalk to us