Skip to main content

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.

DevOS is a zero-config Vite project. You can have a fully interactive OS-themed portfolio running locally in under five minutes — and personalised with your own data in a few more. This guide walks you from a fresh clone to a customised desktop.
Prerequisites: Node.js 18+ and Git must be installed on your machine before you begin.
1

Clone the repository

Download the source and enter the project directory:
git clone https://github.com/apursley2012/dev-os.git && cd dev-os
2

Install dependencies

Install all Node packages declared in package.json (React 18, Tailwind CSS, Framer Motion, Lucide React, and Vite):
npm install
3

Start the development server

Vite compiles the project and serves it with hot module replacement:
npm run dev
The terminal will confirm the local address. Open your browser and navigate to:
http://localhost:5173
4

Experience the boot screen

You will see a black terminal screen stream a sequence of boot messages — including the deliberately failed impostor-syndrome.dll — before the login prompt appears. Click Login to Desktop to enter the desktop environment.
5

Open your first window

On the desktop you will find nine icon-labeled files arranged in a column grid. Double-click any icon to open it as a floating, draggable window. Try README.md first — it renders the Home app with a welcome view of your portfolio. Minimise, maximise, and drag windows to explore the window manager.
6

Personalise your portfolio data

All content lives in components/apps/. Open any file in that directory and replace the placeholder data with your own:
components/apps/
├── HomeApp.js          ← welcome text & headline
├── AboutApp.js         ← bio and profile details
├── ProjectsApp.js      ← project cards
├── SkillsApp.js        ← skills / task-manager view
├── TerminalApp.js      ← career.log terminal content
├── CaseStudiesApp.js   ← in-depth case studies
├── ArticlesApp.js      ← blog / notes entries
├── ContactApp.js       ← contact form or links
└── TestimonialsApp.js  ← review / testimonial cards
See Apps Overview for a detailed guide to each application’s data shape.

Build for Production

When you are ready to deploy, generate an optimised static bundle:
npm run build
Vite outputs the compiled site to the dist/ directory. Upload that folder to any static host — Vercel, Netlify, GitHub Pages, or an S3 bucket — and your OS-themed portfolio is live.
The career.log icon opens an interactive terminal emulator. Once the window is open, type help and press Enter to see the full list of supported commands — a great way to add hidden Easter eggs or CLI-style resume navigation for visitors who love the command line.

Build docs developers (and LLMs) love