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 3+ years of experience, I leverage AI logic and vibe coding to develop pixel-perfect, accessible web and mobile products using React, Next.js, Node.js, and React Native for cross-platform apps. 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)Node.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

Languages & Frameworks

TypeScriptJavaScript (ES6+)React.jsNext.js (App Router)Node.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

05 / Projects

Selected works

01
ExcelDraw

ExcelDraw

Infinite Canvas Web Drawing & Diagramming Tool

ReactTypeScriptKonva.jsReact-KonvaFirebaseGoogle Drive APITailwind CSSVite
02
NU

Nut Solver

Cross-Platform Mobile Puzzle Game

React NativeExpoTypeScriptExpo EASReanimatedGesture HandlerMobile Game Engineering
03
BR

Brick Breaker

Retro Mobile Arcade Game

React NativeExpoTypeScriptExpo EASReanimatedCanvas / PhysicsMobile Game Engineering
04
Klenzera

Klenzera

Skincare Ingredient Scanner & Clean Beauty Analyzer

ReactNext.jsTypeScriptTailwind CSSCamera APIsTanStack QueryImage Processing
05
Match Punk

Match Punk

Free Magic: The Gathering Life Counter & Match Tracker

ReactNext.jsTypeScriptTailwind CSSReal-time SynchronizationTanStack Query
06
EL

Ello

AI-Based English Learning Platform

TypeScriptNext.jsTurborepoDockerTailwind CSSAI Integration
07
SA

Sales CRM

Streamlining the Sales Pipeline

ReactNext.jsTypeScriptTailwind CSSNode.jsPostgreSQL
08
Muhammad Farooq Photography

Muhammad Farooq Photography

Creative Photography Portfolio & Photo Studio

ReactNext.jsTypeScriptTailwind CSSFramer MotionOwl CarouselMasonry Layout
09
Poot

Poot

Find Your Perfect Poot — Bathrooms on a Map

ReactNext.jsTypeScriptTailwind CSSGeolocation APIsMap IntegrationReal-time Data
10
Projectify

Projectify

The workspace your team actually loves.

ReactNext.jsTypeScriptTailwind CSSFramer Motion
11
Epicure

Epicure

A Symphony of Flavors

ReactNext.jsTypeScriptTailwind CSSFramer Motion
12
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
13
Remember Me Well

Remember Me Well

Digital Family Tree & Legacy Platform

ReactNext.jsTypeScriptTailwind CSSTanStack QueryTree VisualizationMedia Upload & Management
14
QuickConnect

QuickConnect

Instant Connections, Secure Sharing

ReactNext.jsTypeScriptTailwind CSSTanStack QuerySecure File HandlingQR Code Generation
15
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