Logo
AboutSkillsHow I WorkProjectsExperienceEducationContact

Portfolio of Muhammad Zaeem Altaf – Full-Stack Developer skilled in Next.js, React, TypeScript, Laravel, and PHP. Specializing in building modern, scalable web applications and e-commerce solutions.

Full-Stack Development
Services For Seamless
Web Experience

Hi! I am Muhammad Zaeem Altaf.
Downlaod CVDownlaod CV

About Me

I'm a Full-Stack Developer specializing in building fast, responsive, and scalable web applications with Next.js, React, TypeScript, Laravel, and Tailwind CSS. At Innovative Widget, I design and ship production-grade platforms end to end — from backend APIs and data models to polished, interactive interfaces — collaborating with a talented team to deliver and maintain high-quality solutions.

Alongside my work, I'm pursuing a Bachelor's in Computer Science at Virtual University and training in Cloud Applied Generative AI Engineering at GIAIC. I'm deeply interested in AI agents, LLM tooling, and the systems that power modern products, and I actively contribute to open source. Always learning and open to new opportunities — feel free to reach out on LinkedIn or via email.

Skills

Programming Language

  • JavaScript
  • TypeScript
  • Python
  • PHP

Framework & Libraries

  • React.js
  • Next.js
  • Tailwind CSS
  • Zustand
  • Shadcn UI
  • Laravel
  • Express.js
  • Node.js
  • Bootstrap
  • Ajax
  • JQuery

Database

  • MySQL
  • MongoDB
  • PostgreSQL

CMS

  • WordPress
  • Sanity.io

AI Agents & Tooling

  • OpenAI Agents SDK
  • MCP
  • Laravel AI SDK
  • AI Agents

Tools

  • Groq
  • Vercel
  • GSAP
  • Framer Motion
  • Git/GitHub

How I Work

01

Understand

Dig into the problem, the users, and the constraints before touching code — surfacing real requirements over assumptions.

DiscoveryUser ResearchRequirements
02

Plan

Map the architecture, data models, and API contracts, then break the work into clear, shippable pieces.

ArchitectureData ModelsAPI Contracts
03

Build

Write clean, typed, responsive code — production-grade from the first commit, with polished interactions.

TypeScriptResponsiveClean Code
04

Ship

Deploy, verify in the real environment, and iterate on feedback — maintaining what's live, not just launching it.

DeployVerifyIterate

Top Projects

One Developers

One Developers

As a Frontend developer, I built the landing page, animations, and responsive layout. This is a frontend-only project with no backend.

BookMySpot

BookMySpot

Currently working as a led full-stack developer: Laravel back-end, MySQL database, Bootstrap front-end; ensured scalability and managed deployments.

SquareOne Community App - Admin Panel

SquareOne Community App - Admin Panel

As a Frontend developer, I designed responsive Next.js interface, integrated backend APIs, ensured cross-device usability.

Squareone Orbit - Admin Panel

Squareone Orbit - Admin Panel

As a Frontend developer, I designed responsive Next.js interface, integrated backend APIs, ensured cross-device usability.

Lexnis SOS - Admin Panel

Lexnis SOS - Admin Panel

As a Frontend developer, I designed responsive Next.js interface, integrated backend APIs, ensured cross-device usability.

Lexnis Technologies

Lexnis Technologies

As a Frontend developer, I built the entire creative frontend: layout, animations, and responsive design. This is a frontend-only project with no backend.

Square One Mall

Square One Mall

As a Frontend developer, I designed and built the immersive single-page experience, animations, and responsive layout. This is a frontend-only project with no backend.

Irongate Security

Irongate Security

As a Frontend developer, I built the landing page, scroll animations, and responsive layout. This is a frontend-only project with no backend.

Recrot

Recrot

As a Full-stack developer, I built the Next.js frontend and backend: Firebase data layer, authentication, rate limiting, and notification systems.

VaultSneaks

VaultSneaks

Sole developer handling full-stack: front-end (Tailwind CSS, Shadcn UI), back-end (Next.js), content (Sanity), payments (Stripe).

Experience

Full Stack Developer

Innovative WidgetOct-2024 - present

Full Stack Developer with experties in Next.JS, Laravel. Design, developed and deployed user-friendly full-stack web applications.

Education & Certifications

Bachelor of Computer Science

Virtual University of Pakistan (VU)

Computer Science
2024 - Ongoing

Certified Cloud Applied Generative Ai Engineer

Governor Sindh Initiative for GenAI, Web3, and Metaverse

TypescriptNext.jsPythonAi
2024 - Ongoing

Web Engineering (E-Commerce)

National Vocational and Technical Training Commission (NAVTTC)

Web DevelopmentEcommerce
2024

Contact Me

Contact me directly at official.zaeemaltaf@gmail.com or through this form.