I design and buildproducts, end to end.
Web, mobile and AI. From first sketch to production.
30 min call on Calendly
- PostlinArchivedAn AI LinkedIn assistant. It drafts posts with Gemini and schedules them. About 90% done, paused for client work.
- Mil-Ai-AssistShippedType a plan in plain English and it places standard military map symbols on a Mapbox map, using Gemini.
- PathWise AIShippedBuilds a learning roadmap for any skill, with an AI tutor you can chat with. Live as a beta.
- rgsplatShipped3D Gaussian Splatting in Rust. Give it a video and it trains a 3D scene you can render in real time.
- ShopHubBuiltA self-hosted online store you can start with one command. Storefront, cart, orders, reviews and an admin dashboard.
- GitShowcaseConceptTurns a week or month of GitHub commits and PRs into a shareable post.
- Neon WorkshopClientOne of my first client builds. An online store for a designer, with an Instagram feed.
- Boom ChatArchivedA chat app for my university class. Retired after graduation.
- world-currenciesShippednpm. JSON dataset of world currencies, ISO codes, symbols and country mappings.
- gdlcliShippedPyPI. CLI and library for downloading any file from Google Drive.
02 / What I do for clients
One person,idea to production.
Four ways to work with me. Each one ends with something you can use.
- 01
Next.js and Node apps
A working product in your users' hands, from the database to the app store.
- Full stack builds with Next.js, React, Node and TypeScript
- Mobile apps with React Native that share the same backend
- Payments, auth, deployment and monitoring included
- 02
AI integration (OpenAI, Gemini, LangChain)
An AI feature that does a real job inside your product, not a demo.
- OpenAI or Gemini wired into your product, through LangChain or Genkit when it helps
- Structured answers your app can trust, checked before they reach users
- Queues for the slow jobs so the app stays fast
- 03
Product design
A product people understand on the first try, with a system your team can keep building on.
- UI and UX flows, tested on paper before they are built
- A design system in Figma that matches the code
- Brand identity when the product needs one
- 04
Docs and product thinking
A clear plan before anything gets built.
- Product specs and technical docs your team can build from
- Market research and competitor teardown
- A product prospectus you can show investors or partners
How we can work
- ProjectA fixed scope and a fixed date. Best for a first release.
- RetainerA set number of days each month. Best after launch.
- Technical partnerI work as part of your team on product and architecture, ongoing.
03 / How I build
Beauty on top.Rigor underneath.
Accent: built by me. Dashed grey: not mine.
- 01 SurfaceWhat a building owner sees.
- 02 InterfaceReact 19, Tailwind CSS and shadcn/ui, built from scratch.
- 03 StateZustand for the interface, SWR for server data.
- 04 ProxyEvery API request goes through a Next.js route handler.
- 05 PaymentsStripe Elements for secure card entry.
04 / Proof
Numbers fromreal work.
Every figure here is on my CV, with the place it came from.
- 30%lower PostgreSQL query latencyVisor Dynamics
- 99.9%data reliability on core REST APIsVisor Dynamics
- 20%less deployment friction with CI/CDVisor Dynamics
- 30%less duplicate work from a shared libraryDigiSol 365
- 10+client apps deliveredFreelance, 2021 to 2024
- 5+client projects, scoping to productionDigiSol 365
- 50+events, workshops and hackathonsDevHack Club
- 4+years building production software
Recognition and community
- Microsoft Learn Student Ambassador2020 to 2024
- Intel oneAPI Student Ambassador2023 to 2024
- Founder and President, DevHack Club50+ events, 2022 to 2024
- Joint Secretary, IEEE, Faculty of Computing, IUB2023 to 2024
- Speaker, Hacktoberfest 2023Also hosted Git and GitHub Deep Dive sessions
- BS Software EngineeringIslamia University of Bahawalpur, 2020 to 2024
Where I have worked
- Full Stack Developer, Visor DynamicsNov 2024 to now
- MERN and Next.js Developer, DigiSol 365Apr to Nov 2024
- Web Developer Intern, Swift SolversNov 2023 to Jan 2024
- Freelance Full Stack Developer, Self-employedSep 2021 to Mar 2024
Open source
- @mfaeezshabbir/world-currencies npmJSON dataset of world currencies, ISO codes, symbols and country mappings.
- gdlcli PyPICLI and library for downloading any file from Google Drive.
05 / About
Designer first.Engineer too.
I was a graphic designer before I was a developer. Layouts, type, brand identity. Then I wanted to build the things I was designing, so I learned to code.
Four years later I still do both, at full strength. At Visor Dynamics I work directly with the CTO on backend, AI and cloud systems. On my own time I take on products from the first sketch to production, and I write the specs, docs and research around them.
I led a small team on client apps, founded DevHack Club and ran 50+ events, and spoke at Hacktoberfest 2023.
I am building toward a mobile game studio. The experiments live in the Playground.
06 / Playground
Small things,made for fun.
Design work, a game and a few experiments I built because I wanted to.
Mobile game
Flappy-style bird game
A mobile game experiment, with a bird in a hat.
Graphic designBehance ↗
Pakistan Football Team Logo Redesign
A logo redesign, published on Behance.
Graphic designBehance ↗
SolutionFest 2k22
Design work for SolutionFest 2k22.
ExperimentGitHub ↗
SlipWise
An expense tracker. Scan a receipt, read it with OCR, keep working offline.
ExperimentGitHub ↗
FRAS
Face recognition that locks and unlocks a PC session. OpenCV and Python.
ExperimentGitHub ↗
Rustium
A planetary-scale geospatial rendering engine in Rust. In active development.