Muhammad Asif
Asif

Hello, I am

Muhammad Asif

Frontend Engineer, React / Next.js / TypeScript. Built ML-integrated mobile apps (FER + LLM chat).

I design and build fast, accessible web experiences with a focus on motion, performance and detail, shipping polished UIs that scale.

Photo of Muhammad Asif

About Me

I’m Muhammad Asif, a passionate Frontend Engineer and AI enthusiast dedicated to building performant and visually engaging web experiences. I specialize in developing responsive and accessible interfaces using TypeScript, React, and Next.js, combined with rich motion design powered by Framer Motion and GSAP. My background in machine learning includes developing real-time Facial Emotion Recognition and LLM-powered chat systems for mental health support, giving me a unique edge in AI-integrated product development. I’m eager to contribute to innovative frontend or AI-driven applications that make a real impact.

Name
Muhammad Asif
Role
Frontend & AI Developer
Location
Lahore, Pakistan
Open to
Frontend, AI/ML, or Fullstack Roles (Remote/On-site)
0+
Projects
0+
Tech Stacks
0+
AI Projects

Resume

Experience

  • 2024 — 2025

    Team Lead – Final Year Project (Companion)

    Sukkur IBA University

    Led a team in developing an AI-powered Android application integrating real-time Facial Emotion Recognition (FER) using TensorFlow Lite and a fine-tuned LLaMA model for mental health support. Oversaw project planning, model optimization, and application deployment.

Education

  • 2021 — 2025

    Bachelor of Science in Computer Science (BSCS – 16 Years)

    Sukkur IBA University

    Graduated under the Sindh Talent Hunt Program (STHP) with a strong foundation in Artificial Intelligence, Machine Learning, and Full-Stack Development. Completed multiple AI-integrated and web-based projects demonstrating innovation and leadership.

Services

What I can help you with

Web Development

TypeScript, React & Next.js, performant, accessible UIs with component-driven design and Tailwind CSS.

Mobile & Edge Apps

Android (Kotlin) and cross-platform apps (React Native / Flutter) with on-device ML (TensorFlow Lite, ML Kit).

AI / ML Engineering

Model training & prototyping with TensorFlow / PyTorch; experiments, preprocessing, evaluation and deployment pipelines.

Computer Vision (FER & CV)

Face detection, FER, and image pipelines using OpenCV, MobileNetV2 and CNNs, real-time inference & optimization for mobile.

NLP & Chatbots (LLMs)

Intent recognition, ANN chatbots, LLM fine-tuning and prompt engineering (Hugging Face, Llama workflows).

Cloud & Hosting

AWS / GCP / Firebase for hosting, storage and serverless functions; Vercel for frontend deployments and CDN delivery.

Backend & APIs

Node.js / Express / NestJS / Flask APIs, RESTful and GraphQL design, secure auth (JWT, OAuth, Firebase Auth).

Data & Databases

Design and integration with Firestore, MongoDB, MySQL, PostgreSQL; schema design, indexing and migration tooling.

Model Optimization & Edge

Quantization, pruning and TFLite conversion for low-latency mobile inference; profiling and latency reduction.

CI/CD, Testing & Observability

GitHub Actions pipelines, automated tests, linting, build optimization and lightweight monitoring for production readiness.

Skills

Languages

PythonPython
JavaJava
KotlinKotlin
JavaScriptJavaScript
TypeScriptTypeScript

Frontend

React.jsReact.js
Next.jsNext.js
Redux ToolkitRedux Toolkit
HTML5HTML5
CSS3CSS3
Tailwind CSSTailwind CSS
SassSass
BootstrapBootstrap
Framer MotionFramer Motion
GSAPGSAP

Backend

Node.jsNode.js
Express.jsExpress.js
NestJSNestJS
FlaskFlask
REST APIsREST APIs
GraphQLGraphQL

Authentication

Firebase AuthFirebase Auth
JWTJWT
OAuth 2.0OAuth 2.0

Mobile

Android (Kotlin)Android (Kotlin)
React NativeReact Native
Firebase ML KitFirebase ML Kit
TensorFlow LiteTensorFlow Lite
FlutterFlutter

Databases

Firebase FirestoreFirebase Firestore
MongoDBMongoDB
MySQLMySQL
PostgreSQLPostgreSQL
Prisma ORMPrisma ORM
MongooseMongoose

AI_ML_Frameworks

TensorFlowTensorFlow
PyTorchPyTorch
Scikit-learnScikit-learn
OpenCVOpenCV

AI_ML_Concepts

Deep Learning (CNN, ANN, RNN, Transformers)Deep Learning (CNN, ANN, RNN, Transformers)
Computer VisionComputer Vision
Natural Language Processing (NLP)Natural Language Processing (NLP)
Large Language Models (LLMs)Large Language Models (LLMs)
Model Optimization (Quantization, TFLite)Model Optimization (Quantization, TFLite)

Applied_AI

Drowsiness DetectionDrowsiness Detection
Emotion RecognitionEmotion Recognition
Chatbots (ANN, LLaMA Fine-Tuning)Chatbots (ANN, LLaMA Fine-Tuning)

Cloud

AWSAWS
Google CloudGoogle Cloud
Firebase HostingFirebase Hosting
VercelVercel

Tools

GitGit
GitHubGitHub
PostmanPostman
DockerDocker
JupyterJupyter
FigmaFigma
ViteVite
NPM / YarnNPM / Yarn
CI/CD (GitHub Actions)CI/CD (GitHub Actions)

Contact

Have a project in mind? Let’s talk.