Open to new conversations
03AboutMuhammad Hassan Siddiqui

“I care more about how things perform in production than how they look in a demo.” — Muhammad Hassan Siddiqui, Full Stack Developer

I’m Hassan, a professional full stack developer in Karachi. In four-plus years I’ve shipped 10+ enterprise, public-sector and healthcare platforms for clients in Pakistan, the UK, the UAE, Saudi Arabia and the US, working face to face with the Pakistan and UK ones.

I’m not tied to one layer. I work across frontends in Next.js, React and Angular, backends and APIs in .NET, Node.js, Python and PHP, and mobile development in Flutter, React Native and Capacitor, and I add AI and ML features to products. When there’s content to manage it’s Umbraco, Sitecore or WordPress, with WooCommerce for a shop; when it’s needed, Docker and CI/CD put it all on a VPS, Vercel or Railway. If a part of the build is missing, I pick it up.

Day to day I’m a Frontend Engineer at Technyx Systems, delivering for Create Media Group, Valtech and FGS Global. I build with AI agents (Claude Code, Codex, Cursor and Antigravity), MCP tools and reusable agent skills, and I own the architecture and the review.

I’m always learning and eager to learn more: from a 2022 web and mobile development course to enterprise platforms, and now AI agents, skills and MCP tools. BS Computer Science, FUUAST, 2022 — 2026.

Download CVStart a job ticket
Hassan SiddiquiKarachi, Sindh, Pakistan
Now
Frontend Engineer, Technyx Systems — since Feb 2025
Based in
Karachi, Sindh, Pakistan
Clients
face to face PK · UKdelivered in UAE · KSA · US · JP
Sectors
Government, Healthcare, Culture & publishing, Urban development, Education, Media, Travel, E-commerce, Food & nutrition, Manufacturing, Automotive, Digital signage
Languages
Urdu (native), English (professional working), Hindi (elementary), German (beginner, learning)
Status
Open to conversations
AHow I workFrom a brief to a live site

From brief to delivery

One sheet, from a client’s brief to a live site. Scroll to see how I work.

Read the brief

Plan the build

Show it early

Build all of it

Make it fast

Ship it, stay on it

“What must it do, for whom, and who runs it after launch?”

You get
A clear scope before the first line of code.
BrandWorkAboutCasesContactPLATFORM · 2026A platform thatperforms.Get startedLearn moreGovernment portalHealthcare appEvents platformTHE BRIEF · FROM THE CLIENTAPPROVED<Nav /><Hero /><Cards />page.tsxHero.tsxagent draft✓ reviewed1234567891011// app/page.tsxexport default async function Page() { const page = await cms.get('home') return ( <> <Nav /> <Hero {...page.hero} /> <Cards items={page.cards} /> </> )}PERFORMANCE REPORT0+SCORELOAD TIMEbeforeafter50–60% shortercode splittinglazy loadinglean bundlesyour-platform.comLIVEDeployed to productionmain → CI/CD → live

HS-26 · How I workSheet 01 of 06 · Job ticket

NotesI go through the designs and requirements end to end, then come back with questions: content, integrations, who edits what, and the deadline.
  1. 01 / 06 · Job ticket

    Read the brief

    HS-26 · How I workSheet 01 of 06 · Job ticket

    “What must it do, for whom, and who runs it after launch?”

    I go through the designs and requirements end to end, then come back with questions: content, integrations, who edits what, and the deadline.

    You get
    A clear scope before the first line of code.
  2. 02 / 06 · Make-ready

    Plan the build

    HS-26 · How I workSheet 02 of 06 · Make-ready

    “What repeats, what will change, and what has to be fast?”

    I split the Figma into reusable components, model the content, and choose the stack: Next.js, React or Angular on the frontend; .NET, Node.js or PHP on the backend; Flutter if it needs a mobile app; Umbraco, Sitecore or WordPress for the content.

    You get
    A component map and a content model: the architecture that made my team 25% faster.
  3. 03 / 06 · Proof

    Show it early

    HS-26 · How I workSheet 03 of 06 · Proof

    “Does it look and feel right before it’s all built?”

    First screens pixel-perfect to the Figma and responsive from day one (including the official UAE government design library), on a staging link.

    You get
    A working proof to click through. Fixes go in now, not at the end.
  4. 04 / 06 · Press run

    Build all of it

    HS-26 · How I workSheet 04 of 06 · Press run

    “What can the AI agents draft, and what needs my hands?”

    Frontend, backend, APIs, the mobile app when there is one, and the CMS, wired together. Claude Code, Codex, Cursor and Antigravity draft; MCP tools and reusable agent skills keep it consistent; I own the architecture and the review.

    You get
    Steady progress on staging, in up to 75% less build time.
  5. 05 / 06 · Press check

    Make it fast

    HS-26 · How I workSheet 05 of 06 · Press check

    “How does it run on a real phone, on a real connection?”

    Code splitting, lazy loading and lean bundles, plus cross-browser checks and technical SEO.

    You get
    50–60% shorter load times and 90+ performance scores, on the live site.
  6. 06 / 06 · Delivery

    Ship it, stay on it

    HS-26 · How I workSheet 06 of 06 · Delivery

    “Can it be tested, released and fixed without drama?”

    Docker for local testing, CI/CD, and automated deploys to a VPS, cPanel, Vercel or Railway, so a release is routine. No backend developer free? I pick up the backend.

    You get
    A live product, a repeatable release, and the CMS (if there is one) in your team’s hands.
BExperienceAug 2022 — present

The record of work

  1. Feb 2025 — PresentKarachi, Pakistan · Onsite

    Frontend Engineer

    Technyx Systems

    • Build and ship enterprise platforms for Technyx’s UAE and KSA clients on Umbraco (headless and traditional), Sitecore JSS, Next.js and headless WordPress, including high-volume work for Create Media Group, Valtech and FGS Global.
    • Work with Claude Code, Cursor, Antigravity and MCP agents to cut development time by up to 75%.
    • Make sites fast: load times down 50–60% and 90+ performance scores across web and mobile apps and sites, through code splitting, lazy loading, lean bundles and technical SEO.
    • Turn Figma into pixel-perfect, responsive interfaces, with GSAP and Three.js animation when a page needs to feel alive.
    • Connect frontends to .NET (C#) APIs and CMS tools (Umbraco, Sitecore, Sanity, Payload); build multistep forms, PDF generation and maps, and step in on backend fixes when no backend developer is free.
    • Raised development speed by 25% with a reusable, component-driven architecture, planned in Jira and Azure DevOps.
    • Next.js
    • Umbraco
    • Sitecore JSS
    • WordPress
    • .NET
    • GSAP
    • Three.js
    • Claude Code
    • MCP
  2. Nov 2022 — Jan 2025Karachi, Pakistan · Onsite

    UI/UX Engineer

    Agilosoft

    • Built responsive web apps for Agilosoft’s US-based clients in React, Angular and AngularJS (TypeScript, JavaScript, Redux, npm), with PHP, Node.js, MySQL and MongoDB behind them.
    • Delivered Drupal and WordPress CMS platforms, among them a hospital system with complex patient on-boarding forms and outdoor-advertising screen networks, plus a Python image-analysis tool for clinical skin measurement.
    • Shipped two Flutter apps to Google Play and built Power BI dashboards with a custom theme.
    • Improved performance, cross-browser support and SEO; designed logos, banners and email templates.
    • React
    • Angular
    • TypeScript
    • Redux
    • PHP
    • Node.js
    • Drupal
    • WordPress
    • Flutter
    • Power BI
  3. Aug 2022 — Nov 2022Karachi, Pakistan · Onsite

    UI/UX Developer

    Agilosoft

    • Worked in Drupal on custom content types, modules and workflows.
    • Designed and prototyped interfaces in Figma and built websites with WordPress.
    • Created and optimised website graphics in Photoshop.
    • Drupal
    • WordPress
    • Figma
    • Photoshop
CToolkit8 drawers · 86 sorts

The type case

01

AI, ML & Agents

14

Agentic engineering: Claude Code, Codex, Cursor and Antigravity draft, MCP tools and reusable agent skills keep it consistent, I own the review. Plus AI and ML features, with multi-provider fallback.

  • Claude Code
  • Codex
  • Cursor
  • Antigravity
  • MCP (Model Context Protocol)
  • MCP integrations
  • AI agents
  • Agent skills
  • AI-assisted coding
  • AI & ML features
  • OCR & image analysis
  • RAG & embeddings
  • AI API integration
  • Multi-provider AI fallback
02

Frontend

17

Interfaces that match the Figma to the pixel and stay fast on a phone: React, Next.js, Angular and Vue in TypeScript, with GSAP and Three.js for motion.

  • React
  • Next.js
  • Angular
  • AngularJS
  • Vue.js
  • TypeScript
  • JavaScript (ES6+)
  • Redux
  • HTML5
  • CSS3
  • SASS / LESS
  • Tailwind CSS
  • Material UI
  • Bootstrap
  • Vite
  • GSAP
  • Three.js
03

Backend & APIs

13

APIs and services in .NET (C#), Node.js, Python and PHP (including Laravel), with token and 2FA authentication, rate limiting, caching and data models that hold up.

  • .NET
  • C#
  • Node.js
  • PHP
  • Laravel
  • Python
  • REST APIs
  • API design
  • Authentication (token, session, 2FA)
  • Rate limiting
  • Caching
  • Data modeling
  • MERN / MEAN stack
04

CMS & Platforms

8

Headless and traditional CMS builds on Umbraco, Sitecore JSS, WordPress (with WooCommerce for shops) and Drupal, plus Sanity, Payload and Shopify, modelled around the people who edit the content.

  • Umbraco (headless)
  • Sitecore (JSS)
  • Drupal
  • WordPress (headless)
  • WooCommerce
  • Shopify
  • Sanity
  • Payload
05

Mobile Development

5

Mobile development from the first screen to the store listing: two Flutter apps live on Google Play, plus React Native and Capacitor builds.

  • Flutter (Dart)
  • React Native
  • Capacitor
  • Cross-platform apps
  • Google Play publishing
06

Databases

6

MySQL, MariaDB, SQL Server, MongoDB, Redis and Firebase, modelled for real workloads and cached where it counts.

  • MySQL
  • MariaDB
  • SQL Server
  • MongoDB
  • Redis
  • Firebase
07

Design & BI

8

Figma to production: UI/UX design in Figma and Adobe XD, graphics in Photoshop, Illustrator and Canva, responsive layouts and Power BI dashboards with a custom theme.

  • Figma
  • Adobe XD
  • UI/UX design
  • Responsive design
  • Adobe Photoshop
  • Adobe Illustrator
  • Canva
  • Power BI
08

DevOps & Tools

15

Enough DevOps to ship my own work: Docker, CI/CD and automated deploys to VPS, cPanel, Vercel and Railway, tracked in Jira and Azure DevOps.

  • Docker
  • CI/CD pipelines
  • Deployment automation
  • VPS
  • cPanel
  • Vercel
  • Railway
  • Git
  • GitHub
  • Azure DevOps
  • Jira
  • Trello
  • Web performance
  • Technical SEO
  • Cross-browser support
05The recordEducation · certifications · languages

On the record

  1. 2022 — 2026

    BS Computer Science

    CGPA 3.4+    Federal Urdu University of Arts, Science & Technology, Karachi
  2. 2019 — 2021

    Intermediate, Computer Science

    Grade A    Government Degree Boys College Asifabad, Karachi
  3. 2017 — 2019

    Secondary School Certificate

    Grade B+    Saint Zass Cambridge School, Karachi
Certifications
Languages
  • UrduNative
  • EnglishProfessional working
  • HindiElementary
  • GermanBeginner, learning