MACOS PORTFOLIO

Overview

MacOS Portfolio is an interactive, browser-based desktop operating system replica designed to showcase developer projects, skills, and experience through a pixel-perfect macOS interface. Built with Next.js 16, GSAP 3, and Zustand, it features smooth window dragging & resizing, Groq-powered Siri AI assistant, interactive Terminal (xterm.js), and custom desktop applications.

Key Features

• •Pixel-Perfect macOS Desktop UI with GSAP Smooth Animations
• •Siri AI Assistant powered by Groq AI (LLaMA model) with Voice & Text
• •Window Management System with Drag, Resize, Z-Index Layering, and Focus state
• •25+ Interactive Desktop Applications (Terminal, Finder, Safari, Calculator, Notes, PDF Viewer)
• •Zustand 5 & Immer powered Persistent State & Session Management
• •Responsive Layouts optimized for Desktop and Mobile Viewports

Why I built this

• •To engineer an authentic macOS desktop experience inside the web browser using Next.js 16 and GSAP.
• •To integrate a real-time AI assistant (Siri AI) powered by Groq LLM API for interactive Q&A.
• •To master complex GUI window management, Zustand state persistence, and GSAP micro-interactions.
• •To provide a unique, interactive open-source portfolio platform for the developer community.

Impact

• •Delivered a desktop-class operating system experience running smoothly at 60 FPS in modern web browsers.
• •Gained 100+ GitHub stars and community recognition for creative UI/UX engineering.
• •Demonstrated deep mastery of Next.js 16, GSAP animations, Zustand state management, and AI API integration.
• •Created an engaging, interactive portfolio that demystifies desktop app mechanics on the web.