Zain Asif — Portfolio

AI Engineer & Senior Full Stack Developer

A modern, responsive, single-page portfolio showcasing 6+ years of engineering work across AI/ML, LLM optimization, RLHF, and production-grade full-stack systems.

---

About

Personal portfolio for Zain Asif — a full-stack engineer with deep expertise in Python, AI/ML, and scalable software systems. Delivered projects across E-commerce, Healthcare, Retail, and AI research.

Highlights:

• AI/ML: RLHF, SFT, Agentic workflows, LLAMA model accuracy from 18% to 70%
• Featured build: sales.support — AI Repricer & WMS platform
• Certified Data Engineer by micro1 + Google Developer Program member (14+ badges)
• BS Computer Science from FAST-NUCES (CGPA 3.37 / 4.00)

---

Tech Stack

Frontend / Design

Features

• Single-page application with 8 sections (Hero, About, Skills, Experience, Projects, Education, Certifications, Contact)
• IntersectionObserver-driven fade-in animations on scroll
• Fully responsive across mobile, tablet, desktop
• Dark theme with glass-morphism & gradient accents
• Custom scrollbar, marquee, floating badges, micro-interactions
• Accessibility-friendly (proper alt text, semantic HTML)
• Zero build step — works by just opening the file

---

Project Structure

Portfolio/
├── index.html                  # Single-page portfolio
├── README.md                   # This file
├── LICENSE                     # MIT license
├── .gitignore
└── assets/
    ├── picture.png             # Profile photo
    ├── resume.pdf              # Downloadable resume
    ├── certificates/           # Certification images
    │   └── micro1-data-engineer.jpg
    ├── companies/              # Employer logos
    │   ├── fiverr.png / .svg
    │   ├── mercor.png
    │   ├── micro1.png
    │   ├── qbatch.png
    │   ├── superannotate.png
    │   └── turing.png
    ├── projects/               # Project screenshots
    │   ├── google-dev-badges.png
    │   ├── sales-support-landing.png
    │   └── sales-support-features.png
    └── tools/                  # 44 tech stack icons (SVG/PNG)

---

Running Locally

No build tooling required. Choose any of:

Open directly

open index.html

Serve with Python

python3 -m http.server 8000
# Visit http://localhost:8000

Serve with Node

npx serve .

---

Deploying

This repo is set up as a GitHub Pages site at zain-asif-dev.github.io.

1. Push to the master (or main) branch of the zain-asif-dev.github.io repo.
2. GitHub Pages auto-deploys from the root.
3. No additional configuration needed.

---

Sections

Section	Description
Hero	Title, tagline, CTAs (Resume, GitHub, LinkedIn, Google Dev), quick contact
Companies Marquee	Animated logos of past & current companies
Impact Stats	4 key metrics (LLAMA accuracy, API speed, deployments, experience)
About	Bio + location/experience/availability cards
Technical Skills	9 categories (Languages, Frameworks, Frontend, AI, DBs, AWS, Cloud, APIs, Soft Skills)
Work Experience	5 roles: Mercor, Turing, SuperAnnotate, Qbatch, Fiverr
Key Projects	Featured: Sales Support + 6 additional projects
Tools & Platforms	Development, AI, Productivity tools
Education	FAST-NUCES CS degree + coursework & research
Certifications	Featured micro1 cert + 3 LinkedIn Learning certs + Google Developer Program
Contact	Email, phone, resume download, social icons

---

Contact

Email	zainasif.jutt1@gmail.com
Phone	+92 312 6869747
LinkedIn	@zain-asif-dev
GitHub	@zain-asif-dev
Google Dev	g.dev/zain-asif-dev
Location	Faisalabad, Pakistan · Remote & Global

---

License

This project is licensed under the MIT License — feel free to use it as a template for your own portfolio.

If you do, a quick link back to this repo or a mention in your credits is appreciated.

---

Built with care by Zain Asif · © 2025