Hargun's MacOS

A fully interactive, Mac-like experience directly in browser

117 followers

A fully interactive, Mac-like experience directly in browser

117 followers

Visit website

Mac OS themed Web Portfolio built using Next.js, React, TypeScript and Tailwind

Free

Launch tags:Design Tools•Software Engineering•Web Design

Launch Team / Built With

Tines — The intelligent workflow platform

The intelligent workflow platform

Promoted

Hargun's MacOS

Maker

📌

"Hey Product Hunt Community! 👋 I'm excited to launch this project, which isn't just a portfolio—it's a fully interactive, desktop-class experience built from scratch in the browser! My goal was simple: Could I prove my skills by building a functional product rather than a static webpage? The result is an entire macOS-style OS. What makes this project special? 🪄 Desktop-Class Engine: At the core is a custom React window manager that handles dragging, state memory, and pixel-perfect maximize/minimize transitions. 💡 Obsessive Detail: I revived and rebuilt the iconic Genie Effect animation as a performant React hook, a testament to my passion for delightful UI. 🧠 AI Integration: The voice assistant ('Siri') is an end-to-end AI pipeline that uses the Web Speech API and the Gemini AI model for intent recognition, providing a genuinely functional conversation partner. 🚀 An Ecosystem of Live Apps: The OS serves as a showcase, featuring a functional Terminal, integrated VS Code instance, a rich-text Notes editor, and, yes, a version capable of running Doom. This was my playground for mastering large-scale React application architecture and performance optimization. Try it out! Open the Terminal and type a command, or ask the AI assistant to open an app for you. Thanks for checking it out! Excited to hear your feedback. 🙏"

Report

3mo ago

MultiDrive

@hargun_preet_singh Brilliant! How much time did it take you to build in a so detailed manner?

Report

3mo ago

Hargun's MacOS

Maker

@mokosiy Thanks, Vitaliy! That means a lot. It took roughly 1.5 to 2 months of focused work, though that was spread out a bit due to university commitments. I'm thrilled you liked the detail!

Report

3mo ago

Swytchcode

Amazing job. The level of detail you managed for the OS clone was truly impressive and a great portfolio addition.

Report

3mo ago

Hargun's MacOS

Maker

@chilarai Thanks, Chilarai! That means a lot. Getting those small OS details right was definitely the trickiest part, so I'm thrilled it came across well. Really appreciate the feedback and the upvote! 🙌

Report

3mo ago

The Github repo linked in the OS does not exist. https://github.com/Hargun-Preet/MacOS-Portfolio

Report

3mo ago

Hargun's MacOS

Maker

@carter_stach Thanks for spotting that, Carter! You are absolutely right. I've temporarily set the repo to private. I'm taking steps to protect the originality of this portfolio piece, as similar unique projects have been copied in my environment before. I do plan to make it public eventually! Appreciate your interest in the code!

Report

3mo ago

@hargun_preet_singh When will it be open source?

Report

7d ago

Slashit App

Application error: a client-side exception has occurred (see the browser console for more information).

Report

3mo ago

Hargun's MacOS

Maker

@rakibulism Thanks for reporting this! We're experiencing intermittent errors due to the massive traffic surge from the launch. We're working on a fix now to stabilize performance. Please try again shortly!

Report

3mo ago