Qazi Farhan Ahmad — AI Web Developer Portfolio

Live: qaziahmad.vercel.app · Email: qazithekingston@gmail.com · WhatsApp: +92 314 1935787

Qazi Farhan Ahmad is an AI Web Developer and MERN Stack Expert based in Peshawar, Pakistan. This is his personal portfolio — built to showcase production-ready projects, technical skills, and availability for internships, freelance work, and full-time roles.

---

What Makes This Portfolio Different

• RAG AI Chatbot — Visitors can ask anything about Qazi's skills, projects, and availability. Powered by Jina AI embeddings + Groq LLaMA 3.1, fully client-side with Vercel serverless proxies.
• GSAP Animations — Cinematic scroll-triggered animations, parallax, and 3D perspective transforms.
• Live Project Previews — Horizontal scroll section with real iframe previews of each project.
• "Why Work With Me" Section — Honest value propositions replacing fake testimonials.
• SEO Optimized — Schema.org Person markup, Google Search Console verified, canonical URLs.
• Fully Responsive — Mobile-first, works from 320px to 2560px.

---

Tech Stack

Layer	Technologies
Frontend	React 19, TypeScript, Vite 7, Tailwind CSS v3
UI	shadcn/ui, Radix UI, Lucide React
Animations	GSAP 3 + ScrollTrigger
AI Chatbot	Jina AI embeddings, Groq LLaMA 3.1, in-memory vector store
Deployment	Vercel (frontend + serverless API routes)

---

Featured Projects by Qazi Farhan Ahmad

Project	Description	Stack	Live
NOVA E-Commerce	Full-stack MERN platform — Stripe, OTP auth, real-time stock, admin panel	React, Node.js, MongoDB, Stripe	Live
xTRAI AI Agency	AI automation platform with Framer Motion animations	React, TypeScript, Framer Motion	Live
OLIPOP Creative	AI-enhanced product page with Genkit AI + Firebase	Next.js 15, Genkit AI, Firebase	Live
HIKI Hiking App	Full-stack MERN hiking guide with auth and admin dashboard	MERN, Cloudinary	Live
QAZI-X Portfolio	Futuristic cyberpunk developer portfolio	Next.js, Framer Motion	Live

---

Getting Started

npm install
cp .env.example .env   # Add your API keys
npm run dev

Required environment variables:

VITE_JINA_API_KEY=your_jina_api_key_here   # Free at jina.ai
VITE_GROQ_API_KEY=your_groq_api_key_here   # Free at console.groq.com

---

Contact Qazi Farhan Ahmad

Channel	Details
Email	qazithekingston@gmail.com
WhatsApp	+92 314 1935787
LinkedIn	linkedin.com/in/qazi-farhan-ahmad
Portfolio	qaziahmad.vercel.app

---

Qazi Farhan Ahmad — AI Web Developer & MERN Stack Expert · Peshawar, Pakistan · Open to internships, freelance, and full-time roles.