Welcome to my personal portfolio website, a fully responsive, animated, and modern showcase of my skills, projects, and creativity. Built with today’s most powerful tech stack, this project is not just a portfolio — it’s an experience ✨.
- 🎨 Modern Design & Smooth UI – Styled with Tailwind CSS for a clean, responsive, and elegant look.
- ⚡ Powered by React + Vite + TypeScript – Blazing-fast performance with type safety.
- 🌓 Dark & Light Mode – Switch themes seamlessly for better user experience.
- 🌀 Immersive Animations – Fluid transitions using Framer Motion, GSAP, and Three.js for 3D effects.
- 🤖 AI Chatbot Integration – Powered by OpenAI API to interact directly with visitors.
- 📬 Direct Communication – Contact form with Email.js for instant connection.
- 🌍 SEO Optimized – Metadata, OG tags, and structured data for top Google ranking.
- 📱 Mobile-First Approach – Works seamlessly across all devices.
✨ Here’s what my portfolio delivers:
| Hero Section ⚡ | Projects 💻 | AI Chatbot 🤖 | Skills |
|-----------------|-------------|---------------|
| 
| 
| 
| 
|
Run the project locally in a few steps:
# Clone the repo
git clone https://github.com/fahadkhan008/my-portfolio.git
cd my-portfolio
# Install dependencies
npm install or npm i
# Start the development server
npm run dev
# Build for production:
npm run build
# 🔑Add your API keys inside .env file:
VITE_OPENAI_API_KEY=your_api_key
VITE_EMAILJS_SERVICE_ID=your_service_id
VITE_EMAILJS_TEMPLATE_ID=your_template_id
VITE_EMAILJS_PUBLIC_KEY=your_public_key💼 LinkedIn: Fahad Khan 💻 GitHub: Fahad Khan 📧 Email: fahadkhan233144@gmail.com
- Add Blog Section 📝
- Add Multi-language Support 🌐
- More 3D Interactions with Three.js 🎮
If you find this portfolio inspiring, don’t forget to leave a star ⭐ — your support fuels my journey of building more creative projects.