Most portfolios are static. I wanted mine to be alive. 💻⚡️

I built Pepsie.OS, a fully functional, browser-based operating system designed to be my personal mission control. It’s not just a landing page; it’s a high-security environment where my real-time data from GitHub, Linear, and Spotify converge.

From password-protected vaults for my site templates to a secure Stripe-integrated checkout, Pepsie.OS bridge the gap between aesthetic design and hardcore technical utility. Welcome to my workbench. 1. The Vision: Why Pepsie.OS? As a developer, I find myself jumping between dozens of tabs. I wanted to create a "Single Pane of Glass"—a workbench that feels like a secure OS but runs entirely in the browser. I focused on a "Low-Light, High-Performance" aesthetic to keep the focus where it belongs: the code.

2. Real-Time Data Integration The sidebar isn't just for show. I used dynamic JSON fetching to pipe in:

GitHub: My latest commits so clients can see I’m active.

Linear: My current sprint tasks to show project progress.

Spotify: A live "Now Playing" widget with pulsing animations to show the vibe behind the build.

3. The "Vault" & Secure Commerce I don’t just show my work; I sell it.

The Restricted Area: A password-protected directory for "Classified" project files.

Secure Checkout: I integrated a Stripe-ready modal system for my Tax-Consulting Site Templates, allowing users to go from "Preview" to "Purchase" without leaving the OS environment.

4. Core Features at a Glance:

Draggable Window Engine: A custom-built UI that allows for a multi-tasking workspace.

Live Terminal: A built-in CLI for navigating the system directory.

Portfolio iframe: Seamlessly preview my past work within a "window" of the new OS.

Building this required more than just CSS—it required thinking about how a developer actually works. It’s about security, speed, and a touch of personality. Whether you're checking my availability or buying a template, you're experiencing my workflow firsthand. loom link: https://www.loom.com/share/423fe8bf793b44858fc196c823d922c5 site link: