🍎 macOS UI Portfolio

An interactive developer portfolio designed to replicate the experience of using macOS inside the browser. Instead of navigating through traditional webpages, visitors explore the portfolio through a desktop environment with draggable windows, a dock, and application-like interactions.

The goal of this project is to showcase frontend engineering skills, UI architecture, and creative interface design by transforming a standard portfolio into a fully interactive operating system-style experience.

✨ Features 🖥 Desktop Interface

The landing screen mimics a macOS desktop environment with icons representing different sections of the portfolio.

🪟 Window Management

Content opens inside interactive draggable windows, similar to native macOS applications.

Users can:

Open multiple windows

Drag windows across the screen

Minimize or close windows

Switch between sections seamlessly

🚀 Dock Navigation

A bottom dock inspired by macOS allows quick access to different portfolio sections such as:

About

Projects

Resume

Contact

GitHub

🎯 Interactive Navigation

Each section of the portfolio behaves like an application window rather than a static page.

Example:

Projects → Opens Projects Window About → Opens Profile Window Resume → Opens Resume Viewer Contact → Opens Contact App 🎨 macOS Inspired UI Elements

The interface includes:

macOS window controls (close / minimize / maximize)

Desktop icons

Dock hover animations

Top menu bar

Smooth window transitions

🛠 Tech Stack

This project is built using modern frontend technologies.

React – Component based UI architecture

Next.js – Routing and optimized rendering

TypeScript – Type safety and scalability

CSS – Custom styling for macOS inspired interface