I design and buildproducts, end to end.
Web, mobile and AI. From first sketch to production.
30 min call on Calendly
- PostlinArchivedSchedule and auto-post to LinkedIn with AI. About 90% done, paused for workload.
- GitShowcaseConceptTurns a week or month of GitHub commits and PRs into a shareable post.
- ShopHubShippedMulti-vendor e-commerce platform.
- Neon WorkshopClientOne of my first client builds. A store for a designer in Karachi, with an Instagram feed.
- Boom ChatArchivedA chat app for my university class. Retired after graduation.
- Mil-Ai-AssistShippedA React + Tailwind UI/UX concept for an AI assistant dashboard, focused on clean information hierarchy and fast, friendly interactions
- 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
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
- 02
Web and mobile apps
A working product in your users' hands, from the database to the app store.
- Full stack build with Next.js, React, Node or Django
- Mobile apps that share the same backend
- Payments, auth, deployment and monitoring included
- 03
AI features and automation
An AI feature that does a real job inside your product, not a demo.
- RAG over your own data, tool-calling agents, LLM workflows
- Queues for the heavy jobs so the app stays fast
- A plan for checking the answers are right
- 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.




