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
Langchain
LangGraph
NLP
Firebase
Wordpress

My Projects

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 for smooth, responsive magic.

Next.jsTailwind CSSFramer Motion
Sparkio Store

Sparkio Store

Sparkio is a modern, high-performance e-commerce platform built for speed and scalability. It offers a clean, intuitive shopping experience, real-time order tracking, personalized recommendations, and full responsiveness across devices. Perfect for businesses ready to grow online.

Next.jsTailwind CSSMongoDBMUI
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
Fluentyx

Fluentyx

A live Arabic learning platform with over 2,000 monthly views, offering AI-powered tutorials and question-answering tests. Built with Next.js for a dynamic, responsive UI, PyTorch-based CNN for processing Arabic handwriting, and integrates LangChain with HuggingFace models for realtime question-answering.

Next.jsPyTorchLangChainHugging FaceTailwind CSS
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

Work Experience

Journey through professional roles where I've built impactful solutions and grown as a developer.

My Services

Full-Stack Web Development

Full-Stack Web Development

Responsive websites and web apps using React, Next.js, Node.js, Express, and MongoDB/MySQL.

On-Page & Technical SEO

On-Page & Technical SEO

Helping your site rank higher with keyword research, better content and structure, and google indexing.

Automation & Bots

Automation & Bots

Custom automation bots for scraping, tasks, and scheduling using Python or Node.js.

AI & ML (Basic Models)

AI & ML (Basic Models)

Simple ML models with scikit-learn and basic chatbots using NLP & cosine similarity.

What I Do

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.

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.