┌─────────────────────────────────────────────────────────────┐
│  ~/syed-muhammad-ali-raza  •  main  ✓                       │
├─────────────────────────────────────────────────────────────┤
│                                                             │
│  $ whoami                                                   │
│  > Syed Muhammad Ali Raza                                   │
│                                                             │
│  $ cat role.txt                                             │
│  > Software Developer Engineer                              │
│  > Frontend Developer · UI/UX Enthusiast                    │
│                                                             │
│  $ echo $LOCATION                                           │
│  > Pakistan 🇵🇰                                             │
│                                                             │
│  $ ./status.sh                                              │
│  > Open to new opportunities ✓                              │
│                                                             │
└─────────────────────────────────────────────────────────────┘

Software Developer Engineer with deep expertise in modern frontend development. I build responsive, accessible, and high-performance web applications using React, Next.js, and TypeScript. Based in Pakistan, open to remote collaboration worldwide.

I specialize in translating design systems into production-grade components, optimizing Core Web Vitals, and leading frontend architecture decisions. My work sits at the intersection of engineering rigor and design sensibility.

/**
 * @author  Syed Muhammad Ali Raza
 * @focus   Frontend Engineering · UI/UX Design Systems
 * @version 2.0.0
 */

interface SyedMuhammadAliRaza {
  // Core Engineering
  languages    : ["TypeScript", "JavaScript", "HTML5", "CSS3"];
  frameworks   : ["React", "Next.js", "Angular"];
  styling      : ["Tailwind CSS", "Ant Design", "Mantine", "Radix UI"];
  state        : ["Redux Toolkit", "RTK Query", "Zustand"];

  // What I Deliver
  builds       : ["SPAs", "SSR Apps", "Design Systems", "Component Libraries"];
  optimizes    : ["Core Web Vitals", "Bundle Size", "Accessibility", "SEO"];
  believes_in  : ["Clean Architecture", "DRY Principles", "User-First Design"];

  // Right Now
  learning     : ["React Server Components", "Web Performance APIs"];
  available    : true;
  timezone     : "PKT (UTC+5)";
}

React / Next.js       ████████████████████░   95%
TypeScript            ███████████████████░░   90%
JavaScript (ES+)      ████████████████████░   95%
Tailwind CSS          ████████████████████░   92%
Angular               ████████████████░░░░░   80%
Redux Toolkit         ████████████████░░░░░   82%
UI/UX Design          ███████████████░░░░░░   75%
Performance Optim.    ████████████████░░░░░   80%

Responsive by default — Every component I build works flawlessly from 320px to 4K. No afterthought breakpoints, no layout breaks.

Performance-obsessed — I treat Lighthouse scores as acceptance criteria: code splitting, lazy loading, image optimization, and minimal render-blocking resources are part of every delivery.

Accessible and inclusive — WCAG 2.1 AA compliance isn't optional. Semantic HTML, ARIA roles, keyboard navigation, and screen reader compatibility are built in from day one.

Design-system fluent — I've worked across Ant Design, Mantine, Radix UI, and custom token-based systems. I know when to extend a design system and when to build from scratch.

I'm actively looking for frontend engineering and full-stack opportunities — freelance, contract, or full-time.

Q: What kind of projects does Syed Muhammad Ali Raza work on?
A: I specialize in modern web applications — SPAs, SSR apps with Next.js, component libraries, and design system implementations. I'm equally comfortable working on greenfield projects and improving existing codebases.

Q: Is Syed Muhammad Ali Raza available for remote work?
A: Yes. I'm based in Pakistan (PKT, UTC+5) and regularly collaborate with teams across Europe, the Middle East, and North America.

Q: What makes your frontend code different?
A: I build with performance, accessibility, and maintainability as first-class requirements — not afterthoughts. Every PR I open is tested, typed, documented, and respects the project's existing conventions.

Q: Do you do UI/UX design as well as development?
A: Yes. I work closely with design tools and can implement and refine designs, create component specs, and bridge the gap between Figma designs and production code.

// Last updated: 2025  •  Always open to interesting problems.
console.log("Let's build something worth using.");