Skip to main content
Bridging
Logic
Design,
People...

Developing
interfaces
that
fade
into
experience,
through
thoughtful
interaction
and
clean
engineering.

t
i
l
 
t
o
d
a
y
!

Recent Performance

G
e
t
 
t
o
 
K
n
o
w
 
m
e
!

Who’s Behind the Code?

Frontend Engineering + Interaction Design + Human-Centered Thinking

Based in Karachi, Pakistan, I started my journey into software development in 2021 while pursuing a Bachelor’s in Computer Science, graduating in 2024.

My work sits at the intersection of frontend engineering, interaction design, and human-centered thinking. I enjoy turning ideas and designs into responsive, intuitive digital experiences while thinking beyond just how something looks or works — and focusing on how people actually experience and interact with it.

I work primarily with modern frontend technologies including JavaScript, React, Next.js, Vue, HTML, CSS, and Tailwind CSS, with a strong interest in UI/UX, interaction patterns, usability, and human-computer interaction.

I’m particularly interested in understanding the relationship between people, technology, and interfaces — exploring how thoughtful design and engineering can make digital products clearer, more accessible, and easier to use.

As I continue growing, I’m looking to deepen my understanding of HCI, interaction design, and human-centered product development, while continuing to build meaningful and technically solid digital experiences.

  • Research & Ideation: Understand project requirements, user needs, and conduct competitor analysis.
  • Wireframing & Design: Create wireframes, design UI/UX with a focus on user flow and accessibility.
  • Technical Planning: Choose technologies, plan folder structure, components, and set up version control.
  • Coding: Write clean, maintainable code, implement responsive layouts, and integrate APIs.
  • Testing: Perform cross-browser/device testing, unit testing, and ensure accessibility.
  • Optimization: Optimize for performance (minify assets, lazy loading, caching, image optimization).
  • Deployment: Bundle assets, deploy to platforms (Netlify), and set up CI/CD.
  • Pre-Launch: Monitor performance, collect user feedback, and implement updates or fixes.