Available for opportunities

Muhammad Shozabcrafting digital realms.

A Software Engineering student at Air University, Islamabad, building performant web apps and SEO-driven platforms with obsessive attention to craft.

MS
'25
DEV
Muhammad Shozab
Based inIslamabad, PK
Studying atAir University
FocusFull-Stack · MERN · SEO
Web Development3D ModelingSEO ArchitectureReact · TypeScriptPerformanceUI/UX Design Web Development3D ModelingSEO ArchitectureReact · TypeScriptPerformanceUI/UX Design
00 · About Me

Engineering meets craft.

I'm Muhammad Shozab, a Software Engineering student at Air University, Islamabad, where I blend systems thinking with creative coding to build digital experiences that perform and inspire.

My work spans the full spectrum: from full-stack MERN apps and custom WordPress builds to SEO-engineered content platforms. I believe the best engineering is invisible, it just works beautifully.

When I'm not pushing pixels, I'm reading about rendering pipelines, contributing to open source, or obsessing over Lighthouse scores.

/ EDU 01
Air University

BS Software Engineering, Islamabad. Systems thinking, algorithms, and modern web architecture (2022–2026).

OOPDatabasesDSASoftware Architecture
/ EDU 02
SEO Mastery

Technical & programmatic SEO, schema, Core Web Vitals, content architecture that ranks reliably top-3.

On-PageOff-PageTechnical SEOSchema
/ EDU 03
MERN Stack

MongoDB, Express, React, Node, full-stack apps with REST/GraphQL APIs, auth flows, and scalable data layers.

ReactNodeMongo
/ EDU 04
Vibe Code

Creative coding, generative art, shaders & motion, where engineering meets craft and the web feels alive.

CreativeMotionDetail
00b · Journey

My story so far.

Education, freelance milestones, and the explorations that shaped how I build.

2023

SEO Journey Begins

Self-taught · Freelance

Stepped into the world of search. Learned the fundamentals of on-page, off-page and technical SEO and started auditing sites for small clients.

2024

Complete SEO Expert & University

Air University, Islamabad

Mastered the complete SEO stack: schema, Core Web Vitals, programmatic content and ranking strategy. Joined BS Software Engineering and built a strong base in coding fundamentals.

BSSE Started
2025

OOP, Databases & MERN Stack

University · Personal Projects

Learned Object-Oriented Programming, databases and SQL alongside the full MERN stack (MongoDB, Express, React, Node). Shipped multiple personal projects to put it all into practice.

2026

DSA & Professional Career

Full MERN · CGPA 3.13

Dived deep into Data Structures & Algorithms and stepped into a professional career. Completed the full MERN stack and started building production-grade projects while maintaining a CGPA of 3.13.

Current
00c · Proficiency

Skill levels.

A transparent look at where I'm strong and where I'm still pushing further.

TS
92%
React / TypeScript
Component architecture, hooks, state management, and typed interfaces at production scale.
React 18 TypeScript Next.js
{ }
86%
OOP & Databases
Object-Oriented Programming principles, clean class design, MongoDB and SQL schema modelling for scalable apps.
OOP MongoDB SQL
SE
94%
Complete SEO
End-to-end SEO: technical, on-page, off-page, content strategy, link building and ranking audits that actually move the needle.
Technical On-Page Off-Page
BL
88%
Blogging
Long-form, SEO-optimised content writing, topical clusters and editorial calendars that build authority and traffic.
Content Strategy Editorial
NJ
88%
Node.js / Express
REST APIs, auth systems, database integrations, and scalable backend architectures.
Node.js Express REST
SE
95%
Technical SEO
Schema markup, Core Web Vitals, programmatic page gen, and top-3 ranking strategies.
Schema CWV Analytics
PY
78%
Python
Scripting, data pipelines, automation, and backend utilities for content and SEO tooling.
Python 3 Pandas Scripts
UX
82%
UI / UX Design
Figma design systems, WCAG accessibility, micro-interactions and hi-fi prototypes.
Figma Framer Motion
04 · Selected Work

Recent projects & launches.

Click any card to visit the live project. Each one built to perform, rank, and impress.

TaskMind AI-Powered Project Management Platform showing the Kanban board in dark theme
2026
MERN Stack

TaskMind · AI Project Management

A full-stack, production-ready project management platform built with the MERN stack. Features an AI task generator, drag-and-drop Kanban board, real-time Socket.io updates, JWT auth, role-based team management, and an analytics dashboard — 10,000+ lines across 94 source files.

React 18Node.jsExpressMongoDBSocket.ioAI
MindEase Mental Health Support Platform with AI-powered therapy chat
2026
AI Health

MindEase · AI Mental Health Platform

A React + TypeScript mental health support platform combining AI-powered therapy chat (Gemini, Claude, OpenRouter), mood tracking, crisis management and diagnostic tools. Features multiple therapist personas via a factory pattern, client-side CryptoJS encryption, Google OAuth and Drive backup.

React 19TypeScriptViteTailwindGemini AIFramer Motion
SmartTransit Bus Journey Planner
2025
DSA Project

SmartTransit · Bus Journey Planner

A C++ backend + Vanilla JS frontend transit planner. Implements Dijkstra (distance and fare) and DFS over an adjacency-list graph, with side-by-side route comparison, an interactive Leaflet map and saved/recent routes.

C++GraphsDijkstraLeaflet.js
Spotify Web Player Clone
2025
Web Player

Spotify Web Player Clone

A fully responsive Spotify Web Player clone built with pure HTML, CSS and vanilla JavaScript. Playback, queue, dual search, liked songs, keyboard shortcuts and a 3-row mobile layout — zero frameworks, zero build tools.

HTML5CSS3Vanilla JSWeb Audio
Shadow Detective
2025
AI Game

Shadow Detective · AI Murder Mystery

An interactive detective game where you investigate a murder against an AI-powered killer. Uses Minimax for deception, A* for fake alibis, constraint satisfaction for story consistency and probability scoring for risk-based decisions.

PythonFlaskAITailwind
Space Shooter Ultimate Edition
2025
OOP Game

Space Shooter · Ultimate Edition

A feature-rich C++ & SFML arcade shooter built as an OOP project. Two levels with multiple phases, six enemy types, eight power-ups, particle effects, persistent high scores and a multi-phase boss battle against EMPEROR DESTRUCTON.

C++SFMLOOPGame Dev
Inventory Management System
2025
Database

Inventory Management System

Desktop inventory system built in C# WinForms with a relational SQL backend. User authentication (Admin / Cashier), product and category management, role-based access control, orders and sales — a complete CRUD database project.

C#WinFormsSQLADO.NET
01 · Capabilities

What I do, expertly.

From full-stack engineering to deep SEO architecture, a complete approach to digital products that perform, rank, and delight.

/ 01 · DEVELOPMENT

Full-Stack Development

Hover to explore

Full-Stack Development

Modern web apps with React, Node.js, and cloud-native architecture. Semantic HTML, scalable CSS, component-driven JS.

ReactTypeScriptNode.jsREST
/ 02 · DATA

Databases & OOP

Hover to explore

Databases & OOP

Object-oriented design, MongoDB schemas, SQL queries and indexing strategies that keep apps fast and maintainable as they grow.

MongoDBSQLOOPMongoose
/ 03 · DISCOVERY

SEO Architecture

Hover to explore

SEO Architecture

Technical SEO, programmatic page generation, schema markup, and content strategies that earn top-3 rankings.

Tech SEOSchemaAnalyticsCRO
/ 04 · PLATFORMS

WordPress Engineering

Hover to explore

WordPress Engineering

Custom WordPress builds, Gutenberg blocks, WooCommerce extensions, and performance tuning for Core Web Vitals.

WordPressWP RocketYoastKadence
/ 05 · INTERFACE

UI / UX Design

Hover to explore

UI / UX Design

Figma-first design systems with WCAG accessibility, micro-interactions, and prototypes that communicate intent.

FigmaMiro
/ 06 · VELOCITY

Performance Engineering

Hover to explore

Performance Engineering

Core Web Vitals mastery: lazy loading, asset pipelines, edge caching and code-splitting for near-perfect Lighthouse scores.

LighthouseVitalsCDNVite
0
Sites Audited
0
Projects Shipped
0
Years Practicing
0
Avg. Lighthouse
02 · Toolkit

Tools I live in daily.

A scrolling rundown of the technologies and platforms I reach for on every project.

React
Component architecture
TypeScript
Strict typed code
Node.js
Backend runtime
MongoDB
NoSQL database
Express
REST APIs
Next.js
Production React
Tailwind
Utility CSS
Python
Scripting & data
WordPress
CMS engineering
SQL
Relational data
SEO
Search strategy
Figma
Design systems
03 · Interactive Lab

Interactive Skill Map.

Move your cursor to attract skill orbs, click one to explore. A mini-demo of my passion for creative coding, fully interactive and fully responsive.

SKILL ORBS · PHYSICS SIMULATION
● LIVE
MOVE · CLICK · DRAG
Select a skill
Click any orb to learn more.
-
05 · Code Showcase

Written with intent.

A peek at the code philosophy: clean, typed, and purposefully structured.

shozab@air-university ~ portfolio-terminal
06 · Process

How I work.

A transparent four-step rhythm that keeps projects on time, on budget, and on brand.

01

Discover

Goals, audience, competitors and success metrics. I map every constraint before a pixel is drawn.

02

Design

Wireframes, prototypes and a design system in Figma, built to scale across screens and seasons.

03

Develop

Clean, semantic, performant code: versioned, reviewed and deployed with zero-downtime pipelines.

04

Optimize

SEO audits, analytics setup and continuous iteration. The launch is just the starting line.

07 · Highlights

Recent wins & numbers.

A scrolling snapshot of results, milestones and metrics from real projects.

Let's build something remarkable.

Open to freelance, internships, and collaborative projects. I usually reply within a day.