Portfolio.

Hi, I'm Muhammad

Fullstack Web Developer & Applied AI Developer 🚀

ReactNext.jsNode.jsMongoDBPython
View My Work

Hi, I’m Muhammad,

A full-stack web and app developer focused on building intuitive, responsive web apps. I specialize in React and Next for dynamic UIs and use Node.js and Express for scalable back-end systems. I’m also experienced with Flask and PHP, and work with both SQL and MongoDB. I’m passionate about creating solutions that solve real-world problems and improve user experiences. Whether designing with Tailwind CSS for custom layouts or using Bootstrap for quick, responsive designs, my goal is to create user-friendly applications. Beyond coding, I’m fascinated by physics and mathematics, fields that challenge my problem-solving skills and inspire my work in development. If you’re looking for someone who loves to solve complex problems, I’d love to collaborate on your next project!

HTML
CSS
JavaScript
Bootstrap
Tailwind CSS
Git
React
Next.js
Alpine.js
Node.js
Express.js
MySQL
MongoDB
PostgreSQL
Python
Socket.io
Redis
PHP
Docker
Scikit-Learn
Pytorch
TensorFlow
LangChain
LangGraph
NLP
Firebase

My Projects

Sable Build

Sable Build

A drag-and-drop website builder that lets users create apps visually and export production-ready frontend and backend code in preffered frameworks with preffered database. Includes AI assistance for code generation and suggestions.

20+ technologiesMERNPythonGolangetc
Ember & Oak

Ember & Oak

A full-stack restaurant platform with dynamic menu management, table reservations, event booking, and online ordering. Includes a complete admin system for managing operations in real time.

Next.jsTailwind CSSMongoDBStripe
Awaza

Awaza

A fully functional social media PWA built with Next.js, firebase and mongodb. It has features like live push notifications, real-time chat, follow system, and full post interactions. Built for a smooth, app-like experience across devices with modern scalable architecture.

Next.jsFirebaseMongoDB
Fluentyx

Fluentyx

An Arabic learning platform built with Next.js featuring leaderboard, lesson revision algorithm, AI tutor chatbot, translation marking system, and pytorch built CNN-based handwritten alphabet classification.

Next.jsPyTorchLangChainHugging FaceTailwind CSS
Sparkio Store

Sparkio Store

Sparkio is a modern e-commerce platform with all essential features, a clean shopping experience, and an eye-catching UI. Includes a powerful admin dashboard and is fully responsive across devices.

Next.jsTailwind CSSMongoDBMUI
Glowfarm

Glowfarm

GlowFarm showcases ethereal lighting products through jaw-dropping animations: theme switching, dynamic light effects, and interactive hover effects that feel alive. Developed with Next.js and Framer Motion.

Next.jsTailwind CSSFramer Motion
Nexus Ecommerce

Nexus Ecommerce

A modern e-commerce platform built with Next.js and Tailwind CSS, featuring a responsive design, product listings, cart functionality, and secure checkout. Designed for seamless user experience and optimized performance.

Next.jsTailwind CSSMongoDBShadcn
Rag Agent

Rag Agent

A Retrieval-Augmented Generation (RAG) agent built using LangChain and Hugging Face models. It allows users to ask questions about a specific document or dataset, leveraging vector databases for efficient retrieval and LLMs for generating accurate responses.

PythonLangChainHugging FaceFAISS
Voice Assistant

Voice Assistant

An AI-powered voice assistant web application that leverages the Gemini API for natural language processing and LiveKit for real-time audio communication. Built with Next.js, it provides users with an interactive experience to perform tasks and get information through voice commands.

PythonLiveKitGemini APINext.js
TalkSky

TalkSky

A real-time chat application developed using Next.js for the frontend, Tailwind CSS for styling, Firebase for real-time messaging, and MySQL for authentication and storing user data. It includes features like user login/signup, chat rooms, and responsive design for mobile and desktop.

Next.jsTailwindFirebaseMySQL
SkyTech Official Website

SkyTech Official Website

An official business website developed for a software house during my internship. This project involved building a multi-section React site with animations using AOS, styled manually with vanilla CSS, and integrated with EmailJS for contact form submissions. The site is fully responsive and production-ready.

ReactVanilla CSSEmailJSAOS
Vizuflect

Vizuflect

The most simplest data visualization app built using React that lets users generate a variety of graph types including bar, pie, and line charts. It supports mathematical equations, and manual data entry. The app is styled with Tailwind CSS and uses Chart.js or similar libraries for rendering.

ReactChart.jsTailwind

Experience That Ships Results

Journey through roles where I transformed ideas into production-grade digital products.

Services

Extraordinary solutions, built for real impact

01 . Build

Enterprise-Grade Web Development

High-performance, scalable websites built with modern technologies like React, Next.js, and robust backend architectures.

Fast, stable, SEO-ready products

Get Quote
02 . Launch

Progressive Web Apps (PWAs)

Fast, app-like experiences with offline support, push notifications, and seamless performance on mobile and desktop.

Installable experiences across devices

Get Quote
03 . Automate

AI-Powered Automation

Smart automation solutions for workflows, data processing, and repetitive tasks using AI tools, APIs, and custom scripts.

Less manual effort, more scale

Get Quote
04 . Optimize

Applied AI & Machine Learning

Practical AI solutions like recommendation systems, text analysis, and lightweight ML models tailored to real business use-cases.

Data-driven experiences that convert

Get Quote

Service Blueprint

I specialize in building efficient, user-friendly digital products that scale. Whether it is a powerful full-stack web app, a high-performance mobile app, intelligent automation, or basic AI models, I turn your ideas into reality with modern tools and technologies.

01Discovery & strategy
02Design + rapid prototyping
03Build, test, optimize, launch
Start a Project

Get in Touch

I am excited to connect! Whether you have a project idea, need assistance, or just want to chat about tech, feel free to reach out.