macOS Portfolio – React + Vite

A fully interactive macOS-inspired developer portfolio built using React, Vite, TailwindCSS, Zustand, and GSAP.
This project re-imagines the personal portfolio experience by simulating a full desktop environment, complete with draggable windows, animations, app-like navigation, and a dynamic file-explorer system.

Live Demo: https://my-portfolio-mac-os.vercel.app/

---

📌 Features

🖥️ macOS-Inspired UI

• Fully interactive desktop environment
• Draggable windows with open/close/minimize behavior
• Dynamic Dock with app shortcuts
• Smooth animations and transitions powered by GSAP

📂 Finder (Projects Window)

• Organized project folders
• Each folder includes description, GitHub link, live demo link, and images
• Custom file types (txt, img, url) with interactive preview

🌐 Safari (Courses & Resources)

• Displays all courses you studied
• Organized links and external references

🖼️ Gallery

• Dynamic grid layout gallery
• Supports image preview and custom animations

💬 Terminal (Skills)

• macOS-styled terminal windows showing your skillset
• Clean, aesthetic UI with code-like styling

📞 Contact App

• Displays all social/contact links
• Clean layout for fast access

---

🛠️ Tech Stack

Core Technologies

• React
• Vite
• JavaScript (ES2023)
• TailwindCSS

State Management

• Zustand

Animations

• GSAP

UI & Utilities

• React-PDF – For rendering PDF files
• React Tooltip – For tooltips and hints
• Lucide Icons – Clean and modern icons
• clsx – Conditional Tailwind classes
• dayjs – Time display in the Navbar

---