Muhammad Hanan

Full Stack Developer · 3D Web Developer · UI/UX Designer

muhammadhanan1069@gmail.com

+92 318 7300630

Pakistan

www.muhammadhanan.tech

GitHub LinkedIn

Summary

Full-stack software developer with expertise in React, Node.js, TypeScript, Three.js, and modern web frameworks.

Skills

Programming

TypeScriptJavaScriptC++

Frontend

React / Next.js · ExpertReactTailwind CSSFramer MotionReact Three FiberHTMLCSS

Backend

Node.js & Express · AdvancedMongoDB & Mongoose · AdvancedPostgreSQL & SQL · IntermediateAuthentication & APIs · AdvancedSupabasePostgreSQLAuthenticationStorageRealtimeAPI Development

3D & Creative

Three.js & WebGL · AdvancedFramer Motion & GSAP · ExpertGSAP & Animations · Expert

Tools & DevOps

Git & Version Control · Expert

Design

UI/UX & Figma · Advanced

Tools

GitGitHubVS CodeFigma

Creative

Poster DesignBusiness Card DesignVideo EditingShopify

Tech Stack

CSSEntrepreneurshipThree.jsReact Three FiberPhysicsFramer MotionScientific ComputingGSAPSoftware DevelopmentViteFull-Stack DevelopmentGitHubUI/UX DesignPostgreSQLProblem SolvingReactComputational PhysicsTypeScriptScientific SimulationNode.jsE-CommerceDigital Product DesignMongoDBTechnical ResearchDatabase DesignTailwind CSSSupabaseFigma

Selected Projects

Unique Beauty Salon – Luxury Salon Website

muhammad-hanan-786.github.io/unique-beauty-clinic/

A premium luxury salon website designed for Unique Beauty Salon, featuring online appointment booking, a complete services catalog, an admin dashboard, an image gallery, and a cinematic user experience.

React · Vite · TypeScript · Tailwind CSS · Framer Motion · shadcn/ui · React Router · React Hook Form · Zod · Lucide React · HTML5 · CSS3 · Responsive Design · SEO Optimization

PSP Website For PIEAS

Modern marketing site for PSP with a CMS-backed content layer.

React · TypeScript · Supabase · Tailwind · Framer Motion

HostelHive

Hostel booking platform with auth, payments-ready architecture, and admin dashboard.

React · TypeScript · Supabase · PostgreSQL · Tailwind

Personal Portfolio

www.muhammadhanan.tech/

This site — an immersive 3D portfolio with full CMS.

React · TypeScript · Vite · Tailwind CSS · Framer Motion · MongoDB · Node.js · Express.js · Git · GitHub · REST API

Dr. Dur-e-Najaf | Dermatology & Aesthetic Clinic Website

muhammad-hanan-786.github.io/-website-Dr.-Durre-najaf.-/

A premium, fully responsive dermatology and aesthetic clinic website featuring elegant animations, treatment showcases, online appointment booking, SEO optimization, and a modern luxury user experience.

React · TypeScript · Vite · Tailwind CSS · Framer Motion · Shadcn UI · React Router · Lucide React · HTML5 · CSS3 · JavaScript · Responsive Design · SEO Optimization · Google Maps Integration · WhatsApp API

Education

Matric and Fsc.

Punjab Daanish School Rajanpur

Mar 2020 — Apr 2024

Completed Matriculation and F.Sc. from Daanish School Rajanpur, where I developed a strong academic foundation, problem-solving skills, and a passion for science and technology.

Bs physics

Pakistan Institute of Engineering and Applied Sciences (PIEAS), Islamabad

Sep 2024 — Sep 2028

Currently pursuing a Bachelor of Science in Physics at Pakistan Institute of Engineering and Applied Sciences (PIEAS), where I am strengthening my analytical thinking, problem-solving abilities, and scientific research skills.