⚡ Zaheer's Portfolio

A modern, high-performance personal portfolio website showcasing my journey as an Applied AI/ML Engineer.
Explore the docs »

View Demo · Report Bug · Request Feature

---

📖 About The Project

This portfolio is a showcase of my work, skills, and professional journey. Built with a focus on performance, aesthetics, and user experience, it features a responsive design, smooth GSAP animations, and a dynamic particle background.

It serves as a central hub for my projects, including BookHive, ATS Resume Checker, and Boost AI, demonstrating my expertise in Full Stack Development and AI/ML.

🌟 Key Features

• 🎨 Immersive Design: Dark-themed UI with neon accents, glassmorphism effects, and a custom particle background.
• 🚀 High Performance: Optimized for speed with lazy loading, critical CSS, and PWA capabilities.
• 📱 Fully Responsive: Seamless experience across mobile, tablet, and desktop devices.
• ✨ Smooth Animations: Powered by GSAP (GreenSock Animation Platform) for scroll triggers and text reveals.
• 🐙 Live GitHub Stats: Real-time integration with the GitHub API to display repository stats and activity.
• 📧 Functional Contact Form: Integrated with Formspree for reliable email delivery.
• 📥 PWA Support: Installable as a native-like app with offline capabilities.

---

🛠️ Tech Stack

This project is built using the following technologies:

Category	Technologies
Frontend
Styling
Animations
Tools

---

📸 Screenshots

---

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Git
• A code editor (VS Code recommended)
• Basic understanding of HTML/CSS/JS

Installation

1. Clone the repository

   git clone https://github.com/mdzaheerjk/Portfolio.git
   cd Portfolio

2. Run locally You can use any static file server.

   • Using Python:

     python -m http.server 8000

   • Using Node.js (serve):

     npx serve .

   • Or simply open index.html in your browser.

---

⚙️ Configuration

📧 Contact Form Setup

This portfolio uses Formspree for the contact form.

1. Go to Formspree and create a new form.
2. Open script.js.
3. Replace the URL in the fetch call with your unique Formspree endpoint:

   const response = await fetch('https://formspree.io/f/YOUR_FORM_ID', { ... });

🐙 GitHub API Setup

To display your own GitHub stats:

1. Open script.js.
2. Update the username variable at the top of the GitHub section:

   const username = 'mdzaheerjk'; // Replace with your GitHub username

---

� Project Structure

Portfolio/
├── assets/             # Images, icons, and static assets
├── index.html          # Main structure
├── script.js           # Logic, animations, and API calls
├── styles.css          # Custom styling and overrides
├── sw.js               # Service Worker for PWA
├── manifest.json       # PWA Manifest
└── README.md           # Documentation

---

🤝 Contributing

Contributions are what make the open-source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

---

� Contact

Zaheer - Applied AI/ML Engineer

• � Email: zaheerxaiml@gmail.com
• 👔 LinkedIn: linkedin.com/in/md-zaheerjk
• 🐙 GitHub: github.com/mdzaheerjk

---

Made with ❤️ by Zaheer