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

Experience

Full Stack Developer

Freelance / Self-Employed

Jan 2022 — Present

Designing and developing interactive 3D web applications, full-stack web platforms, and client portals using React, Three.js, Node.js, and MongoDB.

Developed custom 3D web applications with high-performance animations.
Implemented secure admin dashboards with JWT authentication and MongoDB-based CMS systems.
Optimized WebGL graphics and asset loading for fast render times.

ReactTypeScriptThree.jsNode.jsMongoDBTailwind CSS

Frontend & 3D Web Developer

Creative Digital Studio

Mar 2023 — Jun 2024

Collaborated with designers and client teams to build immersive 3D landing pages and component libraries.

Created interactive 3D models and particle effects using React Three Fiber.
Designed sleek UI layouts with glassmorphism and micro-animations.

React Three FiberGSAPFramer MotionCSS3

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

BS Physics

Pakistan Institute of Engineering and Applied Sciences (PIEAS)

Sep 2024 — Sep 2028

Explored science, physics, computational modeling, software development, and multidisciplinary technology.

Studying multidisciplinary science and software computing
Active in student technology and software projects

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.

Bachelor of Science in Computer Science (BSCS)

University / Academic Institution

Sep 2020 — Jun 2024

Focused on Software Engineering, Data Structures, Web Technologies, and Computer Graphics.

Graduated with Honors
Project Lead for Capstone Web & 3D Application Project

Matric and F.Sc. (Pre-Engineering / Science)

Punjab Daanish School Rajanpur

Apr 2018 — Jun 2020

Completed secondary and higher secondary science education with distinction.

Academic excellence in physics, mathematics, and computer science

Certifications

Full Stack Web Development Certification — Online Learning Platform
May 2023 · Credential
Interactive 3D Web & Three.js Specialization — Three.js Journey / WebGL
Nov 2023 · Credential