engineer:
name: "Muhammad Zaeem Altaf"
role: "Full Stack Web Developer"
focus:
- Shipping production full-stack platforms with Technologies like Next.js & Laravel
- Building animation-rich, high-performance frontends (GSAP, Framer Motion)
philosophy: "Ship systems that scale, not just demos that impress."I'm a full-stack web developer building production applications with Next.js, React, TypeScript, and Laravel. Currently at Innovative Widget, I've led full-stack development of a live salon-booking platform and built frontend admin panels for multiple mall-community and emergency-response systems in production.
I care about the full picture — API integration, responsive UI, and motion/interaction design — not just shipping a page that works.
|
🎯 Open To
|
Languages
Frontend
Backend, CMS & Databases
Cloud, DevOps & Tooling
AI Agents & Tooling
-3B82F6?style=flat-square){kind=icon}
BookMySpot — Salon Booking Platform (Pakistan)
Full-stack development of a salon booking platform connecting users with 100+ salons across Pakistan.
| Stack | Laravel, PHP, MySQL, Bootstrap, Pusher, PayFast, Firebase |
| Scale | 9-state booking lifecycle (booked → confirmed → arrived → started → completed/paid) with cancellation/no-show handling |
| Performance | Pusher-powered real-time notifications and chat over private channels |
| Security | PayFast payment gateway with SHA256 hash-verified callbacks |
| Impact | Recognized by Startup.pk for simplifying salon booking in Pakistan |
| Live | bms.innovativewidget.com |
Squareone Orbit — Task Management Admin Portal
Frontend for a super admin portal managing enterprise ticket workflows.
| Stack | Next.js, TypeScript, Tailwind CSS, Zustand, TanStack Query, Zod |
| Scale | Full ticket lifecycle with priority levels, sub-tickets, and duplicate detection |
| Performance | Resilient API layer with exponential-backoff retry on rate-limit/server errors |
| Security | Role-based feedback gating restricted to department heads and super admins |
| Impact | Dual CSV/PDF export with department and employee-wise analytics |
| Repository | Client project — private |
Lexnis SOS — Emergency Response Admin Dashboard
Admin dashboard frontend for a real-time emergency SOS platform.
| Stack | Next.js, TypeScript, Tailwind CSS, Zustand, WebSockets |
| Scale | Live SOS lifecycle tracking (SENT → RESPONDED → PENDING_APPROVAL → RESOLVED) |
| Performance | Native WebSocket channel for real-time SOS, notification, and area updates |
| Security | Refresh-token rotation with HTTP-only cookie session handling |
| Impact | Analytics dashboard with trend charts, area breakdowns, response-time distribution |
| Repository | Client project — private |
SquareOne Community & Atrium Community — Mall Admin Panels
Frontend admin panels for two mall-community platforms managing deals, brands, ads, events, and notifications.
| Stack | Next.js, TypeScript, Tailwind CSS, Zustand, Cloudinary, Recharts |
| Scale | Multi-store Zustand architecture (auth, brand, ad, event, campaign) |
| Performance | Aspect-ratio-validated Cloudinary uploads, client-computed redemption analytics |
| Security | Route-guarded admin sessions |
| Impact | Full "Spend & Win" campaign verification and prize-draw workflow |
| Repository | Client project — private |
Recrot — Multi-Role Tutoring Marketplace Platform
Full-stack tutoring platform connecting tutors, parents, and companies with job posting, application, and hiring workflows.
| Stack | Next.js, TypeScript, Firebase, Firestore, Upstash Redis, Sentry |
| Scale | Tiered subscription plans (Free/Basic/Pro) with automated cron-based expiry |
| Performance | Redis-backed sliding-window rate limiting on auth and notification endpoints |
| Security | Email 2FA with backup codes, Firebase session-cookie auth |
| Impact | Branded PDF analytics reports, debounced in-app tutor/job search |
| Live | recrot.vercel.app |
VaultSneaks — Sneaker E-Commerce Platform
Solo full-stack hackathon project: a sneaker e-commerce platform with a Sanity-driven catalog and Stripe payments.
| Stack | Next.js, TypeScript, Tailwind CSS, Shadcn UI, Sanity CMS, Stripe |
| Scale | Sanity-driven catalog with products, categories, and star-rated reviews |
| Performance | Dynamic Stripe Checkout sessions with live currency conversion |
| Security | Webhook signature verification, duplicate-order prevention |
| Impact | Dual checkout paths: instant COD order write vs webhook-confirmed online payment |
| Live | vaultsneaks.vercel.app |
Full Stack Developer
Innovative Widget
Oct 2024 – Present
Designing and shipping production full-stack web applications using Next.js, Laravel, and MySQL.
- Led full-stack development of BookMySpot, a live salon booking platform
- Built frontend admin panels for SquareOne Community, Atrium Community, and Squareone Orbit
- Built the admin dashboard frontend for Lexnis SOS, an emergency-response platform
- Ensured cross-device usability and responsive design across all delivered products
Next.js Laravel TypeScript MySQL Tailwind CSS
current_focus:
learning:
- AI Agents & OpenAI Agents SDK
- MCP (Model Context Protocol) servers
- Laravel AI SDK
- Advanced GSAP animation patterns & performance
building:
- Production admin dashboards at Innovative Widget
- Personal portfolio projects (Next.js + TypeScript)
open_to:
- Full-Stack / Frontend Engineering roles
- Freelance Next.js & Laravel projects
"Ship systems that scale, not just demos that impress."