Navigation
06 sections

M Abrar Khalid

Portfolio

Frontend Developer

4+
Years Exp.
1+
Projects
Let's Talk↗
Let's
Talk
↗
About
01 / Profile
M Abrar Khalid portrait
M Abrar Khalid
Personal profile01

More than
the work.

Creative and results-driven Frontend Developer with 2+ years of hands-on experience building and shipping production-ready web applications. Specialized in React, Next.js, and TypeScript — with a proven ability to turn Figma designs into fast, accessible, and pixel-perfect interfaces. GitHub Developer Program Member with 7+ deployed products generating 200K+ impressions. Currently advancing into full-stack development and cloud architecture.

Phone+92-306-7166114
Building thoughtful digital experiences with purpose and personality.
About / 01
M Abrar Khalid
Expertise
02 / Skills

Things
I know.

A focused collection of technologies, tools, and disciplines used to turn ideas into useful digital experiences.

31
Skills
01

React

02

Next.js

03

HTML5

04

CSS3

05

JavaScript

ES6+
06

TypeScript

07

Tailwind CSS

08

Bootstrap

09

Sass/SCSS

10

CSS Grid

11

Flexbox

12

Animations

Technical toolkit
Portfolio
Selected work03 / Projects

Work that
speaks.

01Projects
Explore the work
Project / 01
01
Selected work

Thara Urban Development

Built a comprehensive real estate platform with interactive property visualizations and investment opportunity listings. Implemented dynamic filtering, property detail pages, and lead capture forms with full mobile responsiveness.

Case study
01
Selected work / 03
Experience

Work.

A timeline of roles, responsibilities and places where experience turned into meaningful work.

02
Roles

Designed and deployed 7+ production web applications on Vercel serving real users across multiple industries. Built high-performance UIs using React, Next.js, and Tailwind CSS with focus on Core Web Vitals and load time optimization. Integrated Firebase real-time databases, REST APIs, and third-party SDKs across multiple client projects. Managed concurrent multi-client projects from design handoff through deployment, meeting all deadlines. Established Git branching strategies and code review workflows to improve team development efficiency. Collaborated directly with clients to gather requirements, iterate on designs, and deliver beyond expectations.

Selected role01 / 02
01
Currently working

Frontend Developer

Devscot Solutions & ZIML Agency

Faisalabad, Pakistan

Designed and deployed 7+ production web applications on Vercel serving real users across multiple industries. Built high-performance UIs using React, Next.js, and Tailwind CSS with focus on Core Web Vitals and load time optimization. Integrated Firebase real-time databases, REST APIs, and third-party SDKs across multiple client projects. Managed concurrent multi-client projects from design handoff through deployment, meeting all deadlines. Established Git branching strategies and code review workflows to improve team development efficiency. Collaborated directly with clients to gather requirements, iterate on designs, and deliver beyond expectations.

Timeline

2023 — Present

Experience archive50%
Career timeline
Education

Learning
Journey.

Academic foundation, specialized studies and continuous learning experiences.

01
Qualifications
/ 01
2018 — 2020

Matriculation (Science)

Punjab Board, Pakistan

Completed Matric with strong foundation in Mathematics, Physics, and Computer Science.

Period
2018 — 2020
Academic Background
Contact

Let's
talk.

Have a project, opportunity or idea worth discussing? Send a message and let's start a conversation.

Available for

Roles, freelance projects, collaborations and interesting conversations.

Get in touch

Send a message directly to M Abrar Khalid.

Elsewhere03
01+92-306-7166114
02LinkedIn
03GitHub
Start a conversation
End of page
2026 / Portfolio

Personal portfolio

M Abrar Khalid.

Available online
2026
Keep scrolling · Keep creating
© 2026M Abrar Khalid
Built withOrixaAi→
Send a message

Start something.

Open

Your message will be delivered directly to M Abrar Khalid.