Available for new opportunities

I build interfaces
that actually work.

Frontend engineer with 2+ years turning complex business logic into clean, fast, production UIs — from internal tools to customer-facing products.

View my work GitHub LinkedIn
2+
Years in production
3
Enterprise systems shipped
Bugs fixed, more to go
About

I'm a frontend engineer based in Karachi, Pakistan. For the past two years I worked at Sea Land Services where I built and maintained the interfaces their operations team uses daily: a POS system, a CRM, and parts of an internal ERP.

Most of my work is at the intersection of complex data and simple UI. Getting that balance right — where a screen shows you exactly what you need without overwhelming you — is the part of the job I actually enjoy.

Right now I'm looking to join a startup — somewhere small enough that your work actually matters and you can see the impact directly. Long-term I want to build my own products, so working in that environment makes sense to me. Open to remote and open to relocating — the right opportunity matters more than the location.

Currently
Karachi, Pakistan
Open to work
Education
MERN Stack — Contour Software
bootcamp
B.E. Bachelor of Engineering
Mehran University of Technology, Jamshoro Sindh Pakistan
Find me
Skills

What I work with

The tools I've actually shipped things with — not a wishlist.

Frontend
React.js TypeScript Next.js Redux Toolkit Framer Motion Tailwind CSS Material UI shadcn/ui
Backend & API
Node.js Express.js REST APIs Axios JWT Auth
Database
MongoDB Mongoose PostgreSQL
Tooling & Workflow
Git GitHub VS Code Postman Figma ESLint
Deployment
Netlify Vercel Render
Currently learning
Python AI / ML basics LangChain
Projects

Things I've built

Real problems, real code. These are the ones worth showing.

Featured
Freelance / Personal
GlobeLedger

A clean invoicing tracker built for freelancers who work across multiple currencies. The core problem: freelancers juggling USD, GBP, and EUR invoices — and needing a fast way to see what's paid, pending, and overdue without opening a spreadsheet.

The problem
No simple tool lets freelancers manage multi-currency invoices with a clean status board. Spreadsheets work but don't scale. Most invoice tools are overkill for solo work.
What I built
Dashboard with invoice CRUD, status tracking (draft / sent / paid / overdue), currency support, and a summary view. Fully responsive, deployed on Netlify.
Engineering decisions
Local state with React hooks for MVP speed. Designed the data model to make currency conversion easy to add later. Kept the UI intentionally minimal — the numbers are the product.
Key features
Multi-currency invoices · Status pipeline · Summary totals · Client management · PDF-ready layout
React.js TypeScript Tailwind CSS Netlify
Full-stack / Personal
Workout Tracker

A full-stack MERN application for logging and tracking workout sessions. Built this to go deep on the backend side after spending most of my day job purely on frontend — wanted to own the whole stack end-to-end on a real project.

The problem
Most gym logging apps are either too complex or locked behind subscriptions. I wanted something minimal — log a workout, see your history, done.
What I built
REST API with Express + MongoDB. User auth with JWT. React frontend with protected routes. Session logging with exercise sets, reps, and weights. History view sorted by date.
What I learned
Got comfortable with JWT refresh token flows, Mongoose schema design, and managing async state across a full-stack app — things you can read about but only actually learn by doing.
Key features
JWT authentication · Workout CRUD · Exercise history · Protected routes · Mongoose data modeling
MongoDB Express.js React.js Node.js JWT
In progress
Hextract — AI-powered CRM workspace

A personal CRM and workspace dashboard with an unconventional honeycomb grid UI. Each hexagonal cell represents a workspace module — contacts, tasks, notes, pipeline. This one started as a UI experiment and grew into a real product concept.

The idea
CRM tools are either enterprise-heavy or too simple. I wanted something in between — for the solo operator or small team who wants structure without complexity.
Technical challenges
Hexagonal grid layout with per-cell animations in Framer Motion. Fly-to-destination transitions between modules. Hexagon-shaped pointer-event clipping. Skeleton loading states that match the grid geometry.
What's interesting about this
The UI challenge here is harder than it looks. Getting consistent hover states and interaction areas on non-rectangular shapes requires thinking about how browsers handle pointer events, not just CSS.
Status
UI layer is mostly done. Backend integration coming next — planning to use a lightweight Node API with MongoDB.
Next.js TypeScript Framer Motion Tailwind CSS Lucide
Experience

Where I've worked

2022 — 2024
Sea Land Services
Frontend Developer
Sea Land Services is a logistics company. My job was building the internal software their operations team relied on day-to-day — a POS system, a CRM, and modules of a larger ERP. These weren't side projects; people were using them to process transactions and manage clients.
  • Built and maintained a POS system used by the operations team for daily transactions — handling real-time state management, receipt generation, and transaction history.
  • Developed CRM interfaces for client management — search, filtering, activity tracking, and contact records at scale.
  • Contributed to ERP frontend modules covering inventory, reporting, and workflow management.
  • Worked closely with the backend team to integrate REST APIs, handling async data patterns, loading states, and error boundaries across the app.
  • Set up Redux Toolkit slices for complex shared state — the kind of data that flows across multiple views simultaneously.
  • Kept Material UI components consistent across a large codebase by maintaining shared theme configuration and component patterns.
React.js TypeScript Redux Toolkit Material UI Axios REST APIs
2021
Contour Software
MERN Stack Bootcamp
Intensive full-stack training where I went from zero to building end-to-end web apps. The curriculum was practical — building things, breaking things, understanding why.
  • Completed structured training in MongoDB, Express.js, React.js, and Node.js.
  • Built multiple full-stack applications as part of the program, including a complete CRUD app with user authentication.
  • This is where I got the reps in — reading documentation, debugging unfamiliar errors, and learning how to search for answers efficiently.
MongoDB Express.js React.js Node.js
Contact

Let's talk.

I'm looking for frontend roles — remote or in Karachi. If you have something interesting, I'd genuinely like to hear about it. Even if the timing is off, feel free to reach out.

Available for work
Actively looking for frontend roles. Open to full-time, contract, and remote positions.
What I'm looking for
Product-focused frontend roles
React / TypeScript stacks
Teams that care about code quality