🖥️ macFolio — macOS-Inspired Developer Portfolio

A sleek, interactive personal portfolio website inspired by the macOS desktop experience. Built with React and Vite, featuring smooth animations and a unique UI that mimics the macOS interface to showcase projects, skills, and experience.

---

---

🔗 Live Demo

👉 View Live Portfolio

---

📋 Table of Contents

• ✨ Features
• 🛠️ Tech Stack
• 🚀 Getting Started
• 📁 Project Structure
• 🌐 Deployment
• 👤 Author
• 📄 License

---

✨ Features

#	Feature	Description
🖥️	macOS-Inspired UI	Desktop-like experience with dock, windows, and taskbar
⚡	Blazing Fast	Built with Vite for lightning-fast load times and HMR
📱	Responsive Design	Works seamlessly across all screen sizes
🎨	Custom Animations	Smooth transitions and interactive UI elements
💼	Projects Showcase	Interactive display of portfolio projects
👤	About Section	Skills, experience, and background
📬	Contact Section	Easy way to get in touch

---

🛠️ Tech Stack

Technology	Purpose
React.js	Frontend UI framework
Vite	Build tool and development server
JavaScript ES6+	Core programming language
CSS3	Styling and animations
Vercel	Deployment and hosting

---

🚀 Getting Started

Prerequisites

• Node.js v16 or higher
• npm or yarn

---

Installation

Step 1 — Clone the repository

git clone https://github.com/Aman739-code/macFolio.git

Step 2 — Navigate to the project directory

cd macFolio

Step 3 — Install dependencies

npm install

Step 4 — Start the development server

npm run dev

✅ The app will be running at http://localhost:5173

---

Build for Production

npm run build

📦 Output will be generated in the dist/ folder

---

📁 Project Structure

macFolio/
│
├── 📂 public/               ← Static assets (favicon, images)
│
├── 📂 src/
│   ├── 📂 components/       ← Reusable UI components
│   ├── 📂 assets/           ← Images, icons, and media
│   └── 📄 App.jsx           ← Root component
│
├── 📄 index.html            ← HTML entry point
├── 📄 vite.config.js        ← Vite configuration
├── 📄 eslint.config.js      ← ESLint configuration
├── 📄 jsconfig.json         ← JS path aliases
└── 📄 package.json          ← Project dependencies

---

🌐 Deployment

This project is deployed on Vercel.

Deploy your own version in 3 steps:

Step 1 — Fork this repository

Step 2 — Go to vercel.com → Sign in → Click New Project → Import your forked repo

Step 3 — Click Deploy → Your portfolio is live! 🎉

---

👤 Author

Aman Bhatnagar

Platform	Link
🐙 GitHub	@Aman739-code
🌐 Portfolio	macfolio-beryl.vercel.app
📧 Email	aman.2024@nst.rishihood.edu.in

---

📄 License

This project is open source and available under the MIT License.

---

Made with ❤️ by Aman Bhatnagar

⭐ Star this repo if you found it helpful! ⭐