Design and build,end to end.
Web, mobile and AI. From first sketch to production.
- This siteShippedMy own site was already fast. I fixed the address, the headings, the images, and the header contrast.
- 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.
- 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 / Testimonials
From the work,in plain words.
Recommendations, with the name and the place they came from.
“Faeez's frontend work on Noola was exceptionally polished and pixel-perfect. The attention to detail made the experience feel almost like magic.”
“Faeez took on various responsibilities with enthusiasm and always delivered high-quality results.”
“His leadership in tech communities like MLSA and DevHack Club, along with being an Intel Student Ambassador, reflects his commitment to learning and innovation.”
03 / 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
What I can build for you
Add AI to your existing app
An AI feature in the product you already have, doing a job your users need.
I wrote up how I add that to a Next.js app without making the app slow.
Read how I add AI to a Next.js app →Launch your MVP
A first version people can use, limited to what has to be there on day one.
Boutt is one I took from an idea through to a live waitlist.
See the Boutt case study →Fix a slow Next.js site
I find what is making a Next.js site feel slow, then I fix that cause.
This site was already fast. The case study is the speed work on it, if you want to see the kind of work.
See this site →
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.
04 / How I work
From a callto launch.
Four short steps. I keep each one plain so you always know what happens next.
- 01
A free 30 minute call
We start on Calendly. You tell me what you want to build, and I tell you honestly if I am the right person for it.
- 02
A short written plan
I write the scope and the milestones in plain language, before any building starts.
- 03
Small releases you can try
I build in small releases you can try, usually about once a week, and we adjust from what you see.
- 04
Launch, handover, support
I launch it with you, hand the work over, and stay around for support.
05 / 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.
06 / 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.
07 / 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
08 / 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.
09 / 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.
10 / Questions
Before youwrite to me.
Short answers. Where it is about terms, we agree that in the contract.
- Will our working hours overlap?
- We agree the hours we share before the work starts, and I keep those for calls and replies. That overlap is written into the contract, so you know when I am around.
- How often will I get updates?
- We agree the rhythm before the work starts. Each update says what changed, what is next, and anything I need from you. On projects I am on now, that note usually goes out about once a week, which is also how I ship small releases. If you want a different rhythm, we write that down first.
- Who owns the code?
- We agree this in the contract before the project starts. The agreement covers the code, the designs, and the accounts the product runs on.
- Can we use an NDA?
- If you want an NDA, we put it in writing before we talk through the details. I only sign terms I have read and agreed to.
- Do you support the product after launch?
- Support after launch is its own agreement. We decide what it covers and how long it lasts before the build ends, so nothing is assumed.
- How do we start?
- Send the form on this page, or book a 30 minute call. Tell me what you are building, the timeline, and the budget range you have in mind. I will reply with whether I can take it and what the next step is.