AAK Portfolio 🚀

A modern, responsive, and stylish portfolio website showcasing my skills, projects, and contact details.

🔗 Click here to view the live website

🌟 If you like this project, consider giving it a ⭐ on GitHub!

---

📌 Features

✅ Fully responsive design (improved in v1.1.0)
✅ Dark/Light mode toggle 🌗
✅ Smooth animations & transitions
✅ Well-structured project showcase
✅ Categorized dropdown Skills Section (new!)
✅ Hamburger menu for mobile view (now fixed!)
✅ Contact section with direct links

---

🛠️ Tech Stack

• React.js – Component-based UI
• Vite – Fast build tool for development
• CSS – Custom styling for a sleek, responsive layout

---

🎨 Theme

• 🌞 Light Theme: Clean, professional look with white backgrounds and deep navy text.
• 🌙 Dark Theme: Sleek design with a midnight blue background and neon purple highlights.
• 🔄 Seamless toggle with dynamic theme adaptation for all elements.
• ✨ Enhanced accessibility and user preference support.

---

🧠 What’s New in v1.1.0

See full changelog in CHANGELOG.md

• 🧩 Added Projects: PDSR & Portfolio v1
• 📱 Improved mobile responsiveness
• 🧠 Redesigned Skills Section using categorized dropdowns
• 🎨 UI tweaks and layout enhancements

---

🚀 Installation & Setup

1️⃣ Clone the repository:

git clone https://github.com/GPA95/AAK_Portfolio.git

2️⃣ Navigate to the project directory:

cd AAK_Portfolio

3️⃣ Install dependencies:

npm install

4️⃣ Run the development server:

npm run dev

5️⃣ Open your browser and go to http://localhost:5173/ (or the URL provided in your terminal).

---

📂 Deployment

This project is deployed using Vercel. To deploy:

✅ Push changes to GitHub
🔗 Connect the repo to Vercel
🚀 Deploy and get a live link!

---

👨‍💻 Author

Ammaar Ahmad Khan - @GPA95

“This project is my digital identity. It grows with every skill I learn, project I build, and experience I gain.”

🌟 If you like this project, leave a star on GitHub! 🌟