DevOS turns your personal portfolio into a fully interactive desktop operating system experience. Built with React, Tailwind CSS, and Framer Motion, it features a custom window manager, a boot screen, a taskbar, and nine built-in apps — all running in the browser without a backend.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/dev-os/llms.txt
Use this file to discover all available pages before exploring further.
Quickstart
Clone the repo, install dependencies, and run DevOS locally in under five minutes.
Architecture
Understand how the window manager, desktop, and apps fit together.
Core System
Deep-dive into WindowManager, Window, Desktop, Taskbar, and BootScreen.
Built-in Apps
Explore all nine portfolio apps and learn how to customise them.
What’s inside DevOS
DevOS ships with everything you need to launch a portfolio that stands out. The window manager provides global state via React Context, so every component — windows, the taskbar, and app icons — stays in sync without prop-drilling.Window Manager
React Context + hooks for open, close, minimize, maximize, and focus.
Draggable Windows
Framer Motion drag + resize with z-index stacking.
Boot Screen
Animated terminal log sequence before the desktop loads.
Desktop
Icon grid that opens apps on double-click.
Taskbar
Start menu, window switcher, and live clock.
9 Portfolio Apps
Home, About, Projects, Skills, Work History, Case Studies, Articles, Contact, Testimonials.
Getting started
Start the dev server
Personalise your portfolio
Edit the data arrays in the app components under
components/apps/ to add your real projects, skills, and career history. See the Built-in Apps section for details.DevOS is a static site with no backend. All portfolio data lives in the React component files under
components/apps/.