Abdul Rafe
Full Stack AI Engineer
About Experience Skills Projects Contact

Hello, I'm Abdul Rafe

Full Stack AI Engineer

I build it, then I make it think.

CS student at NUST (Class of 2029), currently building across the stack at Bayent Labs and shipping client work on Upwork. I take products from an empty repo to production — animation-rich frontends, secure backends, and AI features built on RAG, vector databases and LLM APIs.

View Projects Get In Touch Resume
Abdul Rafe Python PostgreSQL Spring JavaScript MongoDB NestJS Docker
Next.js 14 React 18 TypeScript Python LangChain FastAPI Node.js PostgreSQL MongoDB Supabase Docker Prisma ORM Three.js GSAP WebGL Java · JavaFX C++ Tailwind CSS AI · ML Full Stack AI Engineer
About

Who Am I

I am a Full Stack AI Engineer and Computer Science student who builds modern, scalable web applications and ships AI features on top of them. Day to day I work across React, Next.js and TypeScript on the frontend and Node.js on the backend, with both SQL and NoSQL data layers underneath.

The AI side is hands-on, not theoretical. I have shipped RAG pipelines, vector databases and LLM API integrations into real production and client work — semantic search over tens of thousands of documents, source-grounded answers that cite where they came from, and AI-driven analysis that turns messy input into decisions people actually act on.

I also completed an Agentic AI Workshop in 2025, a hands-on team program on agentic systems, autonomous pipelines and multi-step reasoning, collaborating through GitHub.

8+
Projects
2
Active Roles
'29
NUST Grad
Setup
Experience

Where I've Worked

Full Stack AI Intern

Bayent Labs · Internship

JUN 2026 — PRESENT

  • Work across a React/Next.js and Node.js stack, with exposure to Python services and both SQL (PostgreSQL) and NoSQL (MongoDB) data layers.
  • Contributed to feature development and internal tooling under company engineering standards, collaborating with senior engineers on code quality and delivery timelines.
  • Led market research and competitive analysis initiatives, translating findings into actionable recommendations for leadership.
React Next.js Node.js Python PostgreSQL MongoDB Market Research
Present
Islamabad · Hybrid

Full Stack AI Engineer

Upwork · Self-employed

MAY 2026 — PRESENT

  • Freelance full-stack developer building fast, polished web apps for clients — animation-rich frontends, secure and scalable backends, and AI-powered features.
  • Core stack is React, Next.js and TypeScript on the frontend, with Three.js, WebGL and GSAP for interfaces that feel alive.
  • Build APIs and data layers with Node.js, and design AI features using RAG, vector databases and LLM APIs.
React Next.js TypeScript Three.js WebGL GSAP Node.js RAG Vector DBs LLM APIs
Present
Remote
2025
Agentic AI Workshop
Hands-on team workshop on agentic AI systems — autonomous pipelines, multi-step reasoning and tool-using agents — building and reviewing work collaboratively through GitHub.

MY SKILLSET

My Tech Stack

React 18 Next.js 14 TypeScript Tailwind CSS Three.js GSAP WebGL Framer Motion Node.js Express.js Python FastAPI LangChain OpenAI API Google Gemini Hugging Face PostgreSQL MongoDB Supabase MySQL Prisma Cloudinary Docker Git Java 17 C++ Vercel
Projects

Things I've Built

AI Procurement Copilot

Full Stack · AI-Powered · Featured

A SaaS platform that helps construction and manufacturing companies in the Gulf region compare supplier quotations, detect pricing and risk anomalies, and get AI-generated procurement recommendations — turning messy quotation documents into clear, actionable decisions.

  • RAG-based document Q&A over uploaded supplier quotations using pgvector, so users can ask natural language questions about their procurement documents.
  • AI-powered risk detection and quote comparison engine that flags pricing anomalies and recommends the best supplier based on price, terms & risk score.
  • Multi-tenant SaaS with a Next.js frontend and NestJS backend, using Supabase for auth, storage & vector search, and Groq for fast LLM inference.
Next.js NestJS Supabase PostgreSQL / pgvector Groq
AI Procurement Copilot — Quote Comparison Dashboard
AI Procurement Copilot — Ask Copilot

Quran & Hadith Assistant

Full Stack · AI-Powered · Featured

An Islamic knowledge assistant that answers questions grounded only in the Quran and authentic Hadith — every reply cites the exact Surah, Ayah & Hadith so users can verify it themselves.

  • Semantic RAG search over 6,236 Quran verses & 4,781 Sahih Bukhari hadiths using local transformer embeddings + Supabase pgvector.
  • Strictly source-grounded answers via LangChain — the model never invents content or pulls from the open internet.
  • Bilingual (English & Urdu) with a rate-limited Express API and save-for-later, all behind a polished light/dark UI.
React / Expo TypeScript LangChain Supabase pgvector Gemini / Claude Vercel
Quran & Hadith Assistant — Home
Quran & Hadith Assistant — How It Works

BuildLink

Full Stack Web App · Featured

Construction marketplace connecting Pakistani homeowners with verified contractors — end-to-end from listing discovery to booking and reviews.

  • 18-table relational MySQL schema covering users, listings, bookings & reviews with Prisma ORM migrations.
  • NextAuth.js protected routes with role-based access for homeowners vs. contractors.
  • Cloudinary CDN image upload, SSR via Next.js App Router, deployed on Render.
Next.js 14 Prisma MySQL Cloudinary Vercel/Render
BuildLink — Hero
BuildLink — Dashboard

Concordia Eats

Full Stack Web Platform

NUST café rating platform with real-time crowd tracking, cross-café price comparison & a student ratings leaderboard.

  • Custom WebGL GLSL scan-beam shader and 3D food marquee for immersive UI.
  • SVG campus map overlaid on a real satellite image for location-based café discovery.
  • Supabase Row-Level Security for per-student data privacy and real-time subscriptions.
HTML5 Vanilla JS GSAP WebGL Canvas 2D API Supabase
Concordia Eats — Home
Concordia Eats — How It Works

CipherStack

Frontend · Hackathon Project

Modular encryption pipeline UI with stateful Caesar, XOR & Vigenere cipher processors — each node showing intermediate output in real time.

  • Clipboard integration for one-click copy at any pipeline stage.
  • Smooth UI transitions via Framer Motion with enforced code quality via ESLint.
  • Deployed on Vercel — zero-config CI/CD from GitHub push.
React 18 Vite Tailwind CSS Framer Motion Vercel
CipherStack — Full Dashboard
CipherStack — Mobile

AI News Summariser

Web App · AI-Powered

Newspaper-styled web app fetching live news via NewsAPI and generating AI summaries — search headlines, get a morning briefing, or analyze any content through multiple lenses.

  • MVC architecture with FXML views, controllers, and a centralized service layer.
  • Custom .env loader keeps API keys out of source — packaged as a runnable JAR via Maven.
  • Streams live headlines and generates full summaries on-demand with Gemini Pro API.
Java 17 JavaFX 21 Google Gemini NewsAPI Maven
AI News — Search News
AI News — Home

Plotify

C++ Console Application

Menu-driven CLI real estate app where hosts list plots and guests search, filter & book based on requirements — with data persisted between sessions.

  • Custom booking-to-listing matching algorithm using STL containers and comparators.
  • Session persistence via fstream read/write to plots_db.txt — no external database.
  • Role-based CLI flows: separate host (list/manage) vs. guest (search/book) experiences.
C++ (ISO) STL fstream g++/clang++
Plotify — Available Plots
Plotify — Main Menu

Personal Portfolio

Frontend · Framework-Free · This Site

The site you are looking at — a single hand-written HTML file with zero frameworks, no build step and no bundler, yet running real-time 3D, an interactive globe and a full scroll-animation system.

  • Procedural 3D flower built directly in Three.js/WebGL, animated on its own render loop behind the skills section.
  • Interactive Cobe globe marking where I work from, loaded as a native ES module straight from a CDN.
  • Scroll-reveal system, scroll-spy navigation and a custom trailing cursor built on IntersectionObserver and requestAnimationFrame — no animation library.
  • Fully responsive with a light/dark theme driven purely by CSS custom properties.
HTML5 Vanilla JS Three.js WebGL Cobe IntersectionObserver Vercel
Location

Based In Pakistan

Islamabad, Pakistan

Open to remote opportunities worldwide

Education

Where I'm Learning

Bachelor of Computer Science
National University of Sciences & Technology (NUST) · Islamabad, Pakistan
2025 — 2029
Data Structures & Algorithms OOP (Java) Database Systems Digital Logic Design Multivariable Calculus Linear Algebra HCI
'29
Graduating
Contact

Get In Touch

Let's work together

Whether it's a project, internship, or just a conversation about AI and engineering — I'm always open. I'll reply within 24 hours.

abdul.rafe8311@gmail.com
✓ Message sent — I'll get back to you within 24 hours.
FULL-STACK AI-POWERED PERFORMANT RESPONSIVE SCALABLE WELL-CRAFTED RELIABLE IMMERSIVE