Log Portfolio is a creative developer portfolio that simulates a Windows 98 desktop environment entirely in the browser. Built with React, Vite, and Framer Motion, it gives visitors an interactive OS experience complete with a BIOS boot sequence, draggable and resizable windows, a taskbar with a Start menu, and six desktop applications showcasing the developer’s work and personality.Documentation Index
Fetch the complete documentation index at: https://mintlify.com/apursley2012/log-portfolio/llms.txt
Use this file to discover all available pages before exploring further.
Getting Started
Clone the repo, install dependencies, and launch the portfolio locally in under two minutes.
Architecture
Understand the window management system, React context, and component hierarchy.
Core Components
Explore BootSequence, Desktop, Window, and Taskbar — the four pillars of the OS shell.
Customization
Swap in your own projects, skills, bio, and color scheme without touching the core logic.
What’s Inside
Log Portfolio ships as a complete, self-contained React application that doubles as a retro-themed portfolio site. When visitors land on the page they see a simulated BIOS power-on self-test, a Windows splash screen with a loading bar, and then a fully operational desktop.Boot Sequence
BIOS POST text and Windows 98 splash with animated progress bar
Window System
Drag, resize, minimize, maximize, and stack windows via React context
Taskbar
Start menu, open window buttons, and a live digital clock
About Me
Notepad-style app with a plain-text bio and skill summary
Projects Explorer
Windows Explorer with icons, list, and details view modes
Skills Control Panel
Animated progress-bar skill meters styled as a Control Panel applet
Blog (IE)
A GeoCities-inspired blog page rendered inside a faux Internet Explorer window
Testimonials
Client quotes delivered as an MSN Messenger conversation
Contact
Outlook Express email compose form wired to a send action
Tech Stack
Log Portfolio is built on a focused, modern stack with zero backend dependencies:| Layer | Technology |
|---|---|
| UI Framework | React 18 |
| Build Tool | Vite |
| Animations | Framer Motion |
| Icons | Lucide React v0.522 |
| Styling | Tailwind CSS |
| Deployment | Static HTML (GitHub Pages / any CDN) |
The portfolio has no server-side component. Every feature — including the contact form — runs entirely in the browser. Deploying is as simple as pushing the
dist/ folder to any static host.Quick Start
Start the dev server
Customize your content
Edit the desktop app data arrays in
components/Desktop.js to add your own projects, skills, and bio. See the Customization guide for details.