Frontend Developer — Islamabad, Pakistan

Building interfaces that move.

React 18 · TypeScript · Vite. I engineer production-grade UIs with GSAP animation systems, Framer Motion micro-interactions, and Zustand state — deployed with GitHub Actions. CS @ Air University Islamabad.

View Work ↓ Get in Touch GitHub ↗
4+
Live Projects
36+
Unit Tests
10+
Technologies
// about

Who I Am

I'm Sarfraz Saeed, a frontend developer from Islamabad, Pakistan, studying Computer Science at Air University.

I build component-driven React 18 applications with strict TypeScript typesafety and Vite's build pipeline. My work spans e-commerce storefronts, food delivery platforms, and HR SaaS tools — each with GSAP ScrollTrigger animations and Framer Motion micro-interactions.

I'm currently learning Django REST Framework to move into full-stack development, with an eventual focus on AI-powered web applications.

🎓
CS @ Air University Islamabad
Undergraduate · Currently enrolled
📍
Islamabad, Pakistan
Available remotely worldwide
⚡
4 Production Apps Shipped
React · TypeScript · GSAP · Zustand
🎯
Learning Django REST Framework
Full stack + AI next
💼
Open to Freelance & Remote
Fiverr · Upwork · Contra · PPH
// skills

Tech Stack

⚛️Framework
React 18TypeScriptViteReact Router v6JSX / TSX
🎨Styling
Tailwind CSSCSS3HTML5Bootstrap 5CSS Variables
🎬Animation
GSAP 3ScrollTriggerFramer MotionCSS Animations
🗄️State & Data
ZustandReact HooksContext APIChart.jsLocalStorage
🛠Tooling & QA
Git & GitHubVitestESLintGitHub Actionsnpm
📚Learning Now
PythonDjangoDRFREST APIsPostgreSQL
// work

Selected Projects

01
Live · Deployed
FoodieX — Pakistani Food Delivery App
Full food ordering platform featuring 12 authentic Pakistani restaurants — KFC, Domino's, Cheezious, Bundoo Khan and more. Real-time cart, 3-step checkout, animated order tracking, and favorites — all state via Zustand. GSAP drives section transitions; Framer Motion handles menu and toast animations.
React 18TypeScriptGSAPFramer MotionZustandTailwind CSS
Live Demo ↗ GitHub
↗
02
Live · Deployed
ShopNest — Sneaker E-Commerce Storefront
Dark luxury sneaker store with a 16-product catalog, GSAP ScrollTrigger scroll reveals, persistent cart and wishlist via Zustand, and a 3-step checkout with live form validation. Framer Motion drives all product card hover states and drawer transitions.
React 18TypeScriptGSAP + ScrollTriggerFramer MotionZustandTailwind CSS
Live Demo ↗ GitHub
↗
03
Live · Deployed
SmartHire v3 — AI-Driven HR Job Matching
Production HR platform with weighted candidate-to-job scoring (70% skills · 20% experience · 10% education), client-side PDF resume parsing, Chart.js dashboard analytics, and a pricing page with USD/PKR currency toggle. Ships with a 36-test Vitest suite and GitHub Actions CI/CD.
React 18TypeScriptChart.jsFramer MotionVitestGitHub Actions
Live Demo ↗ GitHub
↗
04
Live · Deployed
NovaSaaS — SaaS Marketing Landing Page
Conversion-focused SaaS landing page with animated hero, features grid, tiered pricing with monthly/yearly toggle, testimonials, and validated contact form. Framer Motion orchestrates all scroll-triggered entrance animations.
React 18TypeScriptFramer MotionTailwind CSSVite
GitHub ↗
↗
05
In Progress — Phase 4
Django REST + React Full Stack App
First full-stack project: Django REST Framework backend with PostgreSQL, JWT auth, and a React 18 / TypeScript frontend consuming the API.
PythonDjangoDRFPostgreSQLReact 18TypeScript
↗
// roadmap

Learning Path

Phase 1
Frontend Foundations
HTML5 · CSS3 · Bootstrap · Git
Semantic markup, responsive design, version control.
Complete ✓
Phase 2
JavaScript Mastery
ES6+ · DOM · Async · GitHub
ES6+, DOM manipulation, async patterns, branching workflows.
Complete ✓
Phase 3
Advanced Frontend
React 18 · TypeScript · GSAP · Zustand
4 production deployments. Animation engineering, state management, Vitest testing.
Complete ✓
Phase 4
Backend Foundations
Python · Django · SQL · DRF
Python OOP, SQL, Django, REST API design.
In Progress ⏳
Phase 5
Full Stack
Django + React · JWT · PostgreSQL
Full stack apps, auth, cloud deployment.
Coming Soon
Phase 6
AI Integration 🎯
LLM APIs · Django SaaS · Production
AI-powered web apps, LLM integration, freelancing at scale.
Final Goal
// education

Background

B.Sc. Computer Science
Air University, Islamabad
Undergraduate — Currently Enrolled
In Progress
Meta Full Stack Developer Specialization
Coursera — Authorized by Meta
Course 1 Completed May 2026 · JavaScript, React, Python, Django
In Progress
FSc Pre-Medical
Prime Science H.S.S., Multan
Higher Secondary Certificate
Completed
Matric Science
Prime Science H.S.S., Multan
Secondary School Certificate
Completed
// certifications

Credentials

Meta · Coursera — May 2026
Introduction to Front-End Development

Meta-authorized course covering semantic HTML5, CSS3, responsive design systems, Bootstrap 5, and modern frontend workflows.

HTML5 · CSS3 · Bootstrap 5 · Responsive Design
View Certificate ↗
// contact

Let's Work Together

// find me
📍
LocationIslamabad, Pakistan 🇵🇰
✉️
Emailsarfrazsaeed095@gmail.com
⬡
GitHubgithub.com/sarfrazsaeed
💼
Fiverrfiverr.com (Available)
💼
Upworkupwork.com/sarfraz
🚀
Wellfoundwellfound.com/u/sarfraz-saeed
🔗
Contracontra.com/sarfraz_saeed
⏱
PeoplePerHourpph.me/sarfrazsaeed