Skip to content

Qaziaaaa/portfolio

Repository files navigation

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.

About

Personal developer portfolio highlighting projects, skills, and contact details with a clean responsive interface.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors