In this video, you’ll build a macOS-style portfolio from scratch using React, GSAP, and Tailwind CSS. Step by step, you’ll recreate the interactive Apple Dock, draggable and resizable application windows, and more; all while learning how to use Higher-Order Components and manage global state with Zustand. All of it is packed with smooth GSAP animations and clean, reusable React architecture. Hostinger: https://jsm.dev/macos-hostinger + Use code JAVASCRIPTMASTERY CodeRabbit: https://jsm.dev/macos-coderabbit Junie AI: https://jsm.dev/macos-junie WebStorm: https://jsm.dev/macos-webstorm ⭐ Join JS Mastery Pro: https://jsm.dev/macos-jsm 💎 Become a Top 1% Next.js Developer: https://jsm.dev/macos-nextjs 🥇 Master Next.js Testing: https://jsm.dev/macos-testing Explore our Pro Courses: 📗 GSAP Pro Course (includes GTAVI Website): https://jsm.dev/macos-gsap 📕 Three.js 3D Pro Course: https://jsm.dev/macos-threejs 📙 JavaScript Pro Course: https://jsm.dev/macos-cpjsm 🚀 Launch Your SaaS Pro Course: https://jsm.dev/macos-saas 🔥 MacOS Portfolio Code + DCA Course Bundle: https://jsm.dev/macos-bundle 📁 FREE Video Kit (Figma, Assets, Etc.): https://jsm.dev/macos-kit If the links aren’t working for you, please try using a VPN (e.g., in Nigeria) 👉 AI Development Pro Course Waitlist: https://jsm.dev/macos-aipro 👉 Backend Pro Course Waitlist: https://jsm.dev/macos-backpro 👉 Tailwind Pro Course Waitlist: https://jsm.dev/macos-tailwindpro 👉 React.js Pro Course Waitlist: https://jsm.dev/macos-reactpro 👉 React Native Pro Course Waitlist: https://jsm.dev/macos-nativepro Rate us on TrustPilot: https://jsm.dev/trustpilot https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: contact@jsmastery.pro Time Stamps: 00:00:00 — Introduction 00:03:53 — Hostinger 00:07:30 — Project Setup 00:20:15 — Navbar 00:30:56 — Welcome 00:59:32 — Dock 01:15:38 — Window Store 01:31:15 — High Order Component 01:58:11 — Safari 02:08:34 — Resume 02:16:25 — Location Store 02:22:07 — Finder 02:37:29 — Text & Image File Window 02:45:09 — Contact 02:52:56 — Home & Challenge 03:01:36 — Deployment 03:05:11 — Outro