Product Thumbnail

Hargun's MacOS

A fully interactive, Mac-like experience directly in browser

Design Tools
Software Engineering
Web Design

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

Top comment

"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. 🙏"

Comment highlights

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

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

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