Design and build,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 / Credentials
Learning andcertificates.
Microsoft Learn modules and learning paths, then certificates.
Microsoft Learn
- Level
- 8
- XP
- 57,225
- Modules completed
- 41
- Learning paths
- 7
Trophies
TrophyCreating your first web apps with React
TrophyDeploy a website to Azure with Azure App Service
TrophyArchitect modern applications in Azure
TrophyBuild web pages with HTML and CSS for beginners
TrophyAdminister containers in Azure
TrophyLinux on Azure
TrophyWrite your first code using C# (Get started with C#, Part 1)
Certifications
06 / 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.
07 / 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.




