farooq.dev
Available for new opportunities
Specialized in Agentic AI Development

Muhammad
Farooq

Software Engineer specializing in custom Website Development and SaaS Product Development. With 2+ years of experience, I leverage AI logic and vibe coding to develop pixel-perfect, accessible products using React, Next.js, and Node.js. I engineer robust RESTful APIs and optimize frontend performance to deliver seamless user experiences that drive business growth.

◍ Based in Karachi, Pakistan

01 / About

Bridging
Design &
Engineering.

I'm a Software Engineer based in Karachi, Pakistan specializing in custom Website Development and SaaS Product Development.

My strength lies in leveraging AI logic and vibe coding to develop pixel-perfect, accessible, performant interfaces while architecting the robust APIs that power them.

I heavily utilize AI-assisted agentic workflows to rapidly prototype, architect, and ship production-ready software at breakneck speeds.

02 / Skills

Technical toolkit

Languages & Frameworks

TypeScriptJavaScript (ES6+)React.jsNext.js (App Router)AngularNode.jsExpress.jsNestJS

Styling & UI Systems

Tailwind CSSMaterial UIShadcn/UIFramer MotionResponsive Design

State & Data

TanStack QueryContext APIZustandREST APIsWebSocketsMongoDBPostgreSQL

Tools & DevOps

GitVitePostmanVercel

AI Workflows

CursorAntigravityClaudeAI-Assisted Development

03 / AI Agentic Workflow

The Agentic Engineering Loop

How I engineer software at scale. I leverage Claude for specification blueprints, Cursor Composer for code synthesis, and automated tests for sandbox self-repair.

farooq.live / src / components / workflow
Phase 1: Architecture & Specs

Claude & Specification Planning

Drafting boundary contexts and schemas

Before writing any code, I leverage Claude (3.5 Sonnet & o3-mini) to analyze system requirements, design data models, and compile custom .cursorrules instruction files. This establishes clear development guardrails.

Workflow Highlights

  • Analyze requirements for boundary context gaps
  • Draft type-safe database and API schemas
  • Generate strict workspace guidelines in .cursorrules
  • Map out sequence diagrams and dependency paths
Tech Stack:Claude 3.5 Sonneto3-miniSystem Instructions
bash|01_claude_planner.md
running
claude prompt --file requirements.txt
[CLAUDE] Analyzing project requirements and compiling architecture blueprint...
[SCHEMA] Generated billing schema: User (id, plan: SubscriptionType, stripeId)
[CONTEXT] Creating .cursorrules configuration with TypeScript and React compiler settings.
✔ Architecture plan ready in docs/architecture.md
✔ Workspace rules written to .cursorrules (0 type warnings).
Line 24, Col 8TypeScript JSX

04 / Experience

Work history

Software Engineer

Jumppace·Karachi, Pakistan

June 2024 — PresentFull-time
  • Architected and deployed full-stack features for enterprise SaaS platforms using Angular, Node.js, Express, and MongoDB.
  • Engineered robust RESTful APIs to streamline data flow, reducing server response latency by 35% across core endpoints.
  • Crafted responsive, accessible UI components with Angular and Tailwind CSS, maintaining a 95+ Lighthouse accessibility rating.
  • Drove agile product iterations and conducted peer code reviews to ensure strict TypeScript type safety and maintainability.

Associate Software Engineer

Fossphorus·Karachi, Pakistan

January 2024 — May 2024Full-time
  • Developed modular, highly reusable React component libraries, shortening client feature integration timelines by 30%.
  • Translated complex design specs into responsive, production-ready interfaces with seamless cross-browser compatibility.
  • Optimized frontend asset loading and bundle sizes, boosting Core Web Vitals and page load speeds by 40%.

05 / Projects

Selected works

01
Poot

Poot

Find Your Perfect Poot — Bathrooms on a Map

ReactNext.jsTypeScriptTailwind CSSGeolocation APIsMap IntegrationReal-time Data
02
Projectify

Projectify

The workspace your team actually loves.

ReactNext.jsTypeScriptTailwind CSSFramer Motion
03
Epicure

Epicure

A Symphony of Flavors

ReactNext.jsTypeScriptTailwind CSSFramer Motion
04
Klenzera

Klenzera

Skincare Ingredient Scanner & Clean Beauty Analyzer

ReactNext.jsTypeScriptTailwind CSSCamera APIsTanStack QueryImage Processing
05
Schematics of the Mind and Soul

Schematics of the Mind and Soul

Real-Time Therapy Companion for Mental Health & Spiritual Healing

ReactNext.jsTypeScriptTailwind CSSWebSocketsTanStack QueryFramer Motion
06
Remember Me Well

Remember Me Well

Digital Family Tree & Legacy Platform

ReactNext.jsTypeScriptTailwind CSSTanStack QueryTree VisualizationMedia Upload & Management
07
QuickConnect

QuickConnect

Instant Connections, Secure Sharing

ReactNext.jsTypeScriptTailwind CSSTanStack QuerySecure File HandlingQR Code Generation
08
Match Punk

Match Punk

Free Magic: The Gathering Life Counter & Match Tracker

ReactNext.jsTypeScriptTailwind CSSReal-time SynchronizationTanStack Query
09
Pavblock

Pavblock

Neighbors Helping Neighbors

ReactNext.jsTypeScriptTailwind CSSPWA

06 / Education

Academic background

BS in Computer Science

University of Karachi

2021 — 2025

Web & Mobile App Development Certification (Batch 8)

Saylani Mass IT Training (SMIT)

2022 — 2023