Bridging the gap between robust software, interactive game development, and creative design.
I'm a Computer Science student with a strong passion for Artificial Intelligence, Cybersecurity, and Game Development. When I'm not writing code or building 3D environments, I'm a photographer capturing moments with my Nikon D3500.
- 🎓 Current Focus: Deepening my knowledge in AI, Web dev, Game dev, and developing projects.
- 🎬 Creative Professional: I have nearly 8 years of experience in video editing and graphic design. From 2020 to 2025, I worked as a freelance editor, specializing heavily in gaming content.
- 💡 What I do: Software development, game programming, and building out-of-the-box UI/UX.
- 🗣️ Languages: Urdu (Native), English (Fluent), Arabic (Beginner).
Programming Languages
C
C++
C#
Python
JavaScript
PHP
Bash
HTML5
CSS3
Frameworks & Libraries
React
React Native
Next.js
Node.js
Express
Flutter
Django
.NET
Electron
Bootstrap
Tailwind
OpenCV
Middleman
Databases & Cloud Hosting
MySQL
PostgreSQL
MongoDB
Redis
AWS
Azure
Heroku
Game Development, 3D & Design
Unity
Unreal Engine
Blender
Photoshop
Illustrator
Figma
Framer
Sideline (In Development)
A second-screen companion app designed to make live matches feel like a shared social experience—even if you're watching alone.
- Live Pulse: Real-time fan sentiment and match pressure visualization using DFL data, updating dynamically as the game unfolds.
- Predict & Earn: Interactive micro-predictions (e.g., next goal scorer, next substitution) made before and during the match, feeding points into a competitive leaderboard.
- Adidas Drop Moments: Automatically generates personalized, shareable Adidas-branded hype cards during key match events (goals, red cards, milestones).
- Tech Stack:
- Frontend: React + Vite, Tailwind CSS, Framer Motion for animations
- Backend: Node.js + Express, REST API + WebSocket server (Socket.io)
- Database: PostgreSQL — for users, points, predictions, vault items, leaderboard
- Auth: AWS Services — email/password + guest session via anonymous auth
- Real-time: Socket.io for live match events, leaderboard updates, and prediction resolution
- Image generation: HTML Canvas API for Adidas Drop Moment shareable cards
- Hosting: Frontend on Vercel, Backend on Railway
A highly interactive, visually striking portfolio website built with a custom terminal aesthetic.
- Features: Custom startup animations, interactive 3D elements, a custom top bar, and smooth scrolling designed to stand out.
- Tech Stack::
- Frontend: React Native + TypeScript, built with Vite
- Styling: Tailwind CSS + PostCSS + Autoprefixer
- Graphics / Motion: React Three, Framer Motion.
- Tooling: TypeScript, ESLint, Vite, npm.
- Backend: Node.js + Express with cors and dotenv (simple server).
- Dev / Deploy: Vercel & Railway
- Runtime requirement: Node.js 18+
A cute, stylized 3D platformer game built from the ground up.
- Tech Stack: Unity, Blender.
- Focus: Engaging mechanics, stylized environmental design, and smooth player controls.