// initializing system
Portfolio 2026

Muhammad Hasnain

Front-End & Python Developer

0%
Loading modules…Secure connection
Muhammad Hasnain

Hi, I'm Muhammad Hasnain

CREATIVEDEVELOPER

View My Work Contact Me
Scroll down

About

// role

Freelance Developer

// focus

Web · Python · Gen-AI

// experience

7 shipped projects

// region

Remote · Worldwide

Muhammad Hasnain
01 — the dev

Muhammad
Hasnain

I build websites and tools end-to-end — from the first layout to the last bit of polish. My work spans front-end web development and Python / data, so I can make something look great and make it actually work. I care about the small things: load speed, type, and the half-second a button takes to respond.

07
Projects Shipped
08
Technologies
100%
Built by Hand
Front-EndGen-AIPython / Data3D Web
Download CVLet's talk

Expertise

What I do best.

A focused toolkit for shipping polished products end-to-end.

01

Front-End Engineering

Fast, accessible, pixel-tight interfaces in React, Next.js and TypeScript — with motion that feels effortless.

Explore →
02

Python & Data

Dashboards, automation and data tools that turn messy inputs into something a team actually uses.

Explore →
03

Gen-AI Integration

Wiring LLM APIs like Gemini into real products — from prompt design to a clean, usable UI.

Explore →
04

3D & Motion

Interactive 3D and scroll-driven storytelling with Three.js and GSAP, kept smooth on real devices.

Explore →

Tech Stack

Tools I reach for.

Frontend

Next.jsReactTypeScriptJavaScriptTailwind CSSThree.jsHTMLCSS

Backend & Database

PythonSQLSupabasePostgreSQLC#Node.js

AI & Deployment

Gen-AI (Gemini)REST APIsGit & GitHubVercelCloudflare Pages

Selected Work

Featured engineering projects.

All repos
Sales Report Dashboard preview
01
PythonSQLJavaScript

Sales Report Dashboard

Ingests messy CSV sales exports, cleans and aggregates them, and renders an interactive dashboard with charts and filters.

Live Demo GitHub
APU CGPA Calculator preview
02
Next.jsReactTypeScript

APU CGPA Calculator

A full CGPA calculator and target planner built in Next.js — grade input through to goal planning.

Live Demo GitHub
Namewright preview
03
JavaScriptGemini API

Namewright

An AI name generator wired to a real Gemini backend, returning brandable names on demand.

Live Demo GitHub
The Gilded Fox preview
04
HTMLCSSJS

The Gilded Fox

A moody, cinematic cocktail-bar site with full-bleed photography and smooth scroll.

Live Demo GitHub
Ember & Oak preview
05
HTMLCSSJS

Ember & Oak

A warm, atmospheric brand site for a candle and fragrance label.

Live Demo GitHub
Team Performance Scorecard preview
06
Apps ScriptSheets

Team Performance Scorecard

An automated Google Sheets scorecard that tracks and ranks team KPIs.

Live Demo GitHub
Brew Haven preview
07
HTMLCSSJS

Brew Haven

An animated coffee-shop landing page full of playful scroll effects and micro-interactions.

Live Demo GitHub

Contact · Live Dispatch

Let's build something good.

Have a project or an idea? Fill it in — watch it compile on the left.

— Muhammad Hasnain · Freelance Developer

dispatch_payload.json
// dispatch_payload.json
{
"firstName": "…",
"lastName": "…",
"email": "…",
"message": "…"
}
status: awaiting input