DevOS transforms a personal portfolio into a fully interactive browser desktop. Each app opens as a draggable, resizable OS window, and every app is purpose-built to present a different facet of the developer’s profile — from a typewriter README landing screen to an animated task manager that visualises tech-stack proficiency in real time.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.
Home
A Notepad-style window that types out a Markdown README with a live typewriter effect and clickable navigation links.
About
A three-tab system-info dialog featuring humorous spec rows, a prose bio, and a hobbies grid.
Projects
A Windows Explorer–style file list where every row is one portfolio project, complete with sortable columns and file-type icons.
Skills
A Task Manager window with animated proficiency bars that fluctuate every 1.5 seconds to simulate live CPU usage.
Work History
A terminal emulator that scrolls through career milestones formatted as shell output.
Case Studies
A deep-dive document viewer for detailed project write-ups, organised as a file cabinet.
Articles
A notes-style reader for blog posts and technical articles, rendered inside a minimal text window.
Contact
A mail-client form window for sending messages directly from the desktop.
Testimonials
An HTML-preview window that displays endorsements and peer reviews in a styled card layout.
Desktop Icon → App Mapping
Every desktop icon is an entry in theI array exported from components/system/Desktop.js. The table below maps each icon label to the component it opens and the default window dimensions that are passed to WindowManager on double-click.
| Desktop Label | App Component | Default Size |
|---|---|---|
README.md | HomeApp | 700 × 500 |
about_me.exe | AboutApp | 600 × 450 |
projects/ | ProjectsApp | 800 × 550 |
task_manager.exe | SkillsApp | 650 × 500 |
career.log | TerminalApp | 750 × 450 |
case_studies/ | CaseStudiesApp | 900 × 600 |
notes.txt | ArticlesApp | 600 × 700 |
mail.exe | ContactApp | 550 × 400 |
reviews.html | TestimonialsApp | 700 × 500 |
All nine apps are registered in the
I array inside components/system/Desktop.js. Adding a new app means pushing a new entry object — with id, label, icon, component, and defaultSize — to that array. The WindowManager context handles the rest automatically.