Explore the desktop · Setup & customization · How it works

A portfolio that feels like a personal computer

os-folio is Dharmay Dave's portfolio, built as a windowed desktop. Open projects like applications, browse photographs like folders, read notes in a text editor, or explore through a terminal. The interface is part of the work.

Built with Next.js 16, React 19, TypeScript, and Tailwind CSS 4.

Take a look around

Open	Find
About & Experience	Background, work history, and a downloadable CV.
Works	Project cards and detailed project windows with source and demo links.
Photos & text files	Travel folders, images, and personal notes.
Terminal & Search	Alternative ways to navigate the portfolio.
Blog & Contact	Reading links, visitor submissions, and an email contact form.
Settings	Light/dark appearance, accent colors, wallpapers, and brightness.

Windows can be dragged, resized, minimized, and brought forward from the taskbar. Browser storage remembers appearance preferences.

The desktop underneath

flowchart LR
    V["Visitor"] --> D["Desktop & app registry"]
    D --> W["Window manager<br/>position · size · focus"]
    W --> A["About · Works · Photos<br/>Terminal · Blog · Contact"]
    A --> C["Local content files"]
    A --> API["Next.js API routes"]
    API --> S["Supabase<br/>visits & submitted links"]
    API --> R["Resend<br/>contact email"]
    classDef desktop fill:#e9e1cf,color:#302a21,stroke:#92846c;
    class D,W,A desktop;

Loading

The content is separate from the window system. Most changes to projects, experience, photos, or personal notes belong in content/, so editing a portfolio entry does not require rebuilding an app window.

Run locally

Use Node.js 20.9 or newer and npm.

git clone https://github.com/DocMorphic/os-folio.git
cd os-folio
npm ci
npm run dev

Open localhost:3000. The core desktop works without service credentials. Contact delivery requires Resend; persistent statistics and submitted blog links require Supabase. See setup and optional services.

Make it yours

Change	File or folder
Biography and social links	content/about.ts
Project cards and detail pages	content/projects.ts, content/project-details.ts
Experience	content/experience.ts
Reading links, text files, photo folders	content/
App sizes and registration	lib/constants.ts
Desktop icons and menu	components/desktop/
Window behavior	hooks/use-window-manager.ts

The repository includes personal writing, photographs, and a CV; replace those with your own material when adapting the design.

Development & deployment

npm run lint
npm run build
npm start

Deploy the Next.js project to Vercel and configure only the optional services you use. Deployment notes →

docs/ARCHITECTURE.md maps the UI, content, and service layers. CONTENT_MAP.md is the editing guide.

Project notes

Site Stats counts stored visitor identifiers and daily visits; it is not a count of distinct people. The terminal is a portfolio interaction, not a server shell.

No repository-wide license is currently declared. Public source availability does not grant permission to reuse personal media or third-party assets.

_{Open a window. Get to know the person behind it.}