Portfolio Opening

Muhammad Hanan

Full Stack & 3D Web Developer

Available for work

Physics student at PIEAS, Islamabad, with a curiosity that extends beyond the classroom. I explore the intersection of science, technology, design, and entrepreneurship, turning ideas into practical solutions through scientific simulations, software, digital products, and creative design. From team projects like the PSP website to personal ventures, I’m constantly learning, building, and solving real-world problems.

PhysicsFull-Stack DevelopmentScientific SimulationScientific ComputingEntrepreneurship
10+
Projects
20+
Technologies
3+
Years Learning
5+
Clients
CSSEntrepreneurshipThree.jsReact Three FiberPhysicsFramer MotionScientific ComputingGSAPSoftware DevelopmentViteFull-Stack DevelopmentGitHubUI/UX DesignPostgreSQLProblem SolvingReactComputational PhysicsTypeScriptScientific SimulationNode.jsE-CommerceDigital Product DesignMongoDBTechnical ResearchDatabase DesignTailwind CSSSupabaseFigmaCSSEntrepreneurshipThree.jsReact Three FiberPhysicsFramer MotionScientific ComputingGSAPSoftware DevelopmentViteFull-Stack DevelopmentGitHubUI/UX DesignPostgreSQLProblem SolvingReactComputational PhysicsTypeScriptScientific SimulationNode.jsE-CommerceDigital Product DesignMongoDBTechnical ResearchDatabase DesignTailwind CSSSupabaseFigma
About

A developer who treats craft like engineering.

I’m Muhammad Hanan, a Physics student and multidisciplinary technologist exploring science, software, design, and entrepreneurship.

Story

My journey began with curiosity — first about how the world works through physics, and then about how ideas can be transformed into something people can actually use. Programming became a way for me to connect analytical thinking with creativity, while design taught me to think about how people experience what I build. From collaborative projects and websites to software applications, scientific simulations, and personal experiments, every project has helped me become a better problem solver, learner, and builder.

Mission

My mission is to combine scientific thinking, technology, creativity, and practical problem-solving to build meaningful solutions. Whether I’m developing software, exploring scientific simulations, designing digital experiences, or working on a new idea, I aim to create things that are useful, thoughtful, accessible, and built with purpose.

Vision

I want to build a career at the intersection of science, technology, and innovation — continuously learning, experimenting, and turning ambitious ideas into real-world solutions. My vision is to grow beyond a single discipline, bringing together physics, programming, engineering, design, and entrepreneurship to create work that is both technically meaningful and practically valuable.

Muhammad Hanan
Muhammad Hanan
Selected Work

Featured projects.

Production systems shipped with care — swipe, click, or use arrow keys to explore.

Unique Beauty Salon – Luxury Salon Website
Web Design & Development
Unique Beauty Salon – Luxury Salon Website
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.
ReactViteTypeScriptTailwind CSSFramer MotionView website
Business
PSP Website For PIEAS
Business
In Progress
PSP Website For PIEAS
Modern marketing site for PSP with a CMS-backed content layer.
ReactTypeScriptSupabaseTailwindFramer Motion
HostelHive
SaaS
In Progress
HostelHive
Hostel booking platform with auth, payments-ready architecture, and admin dashboard.
ReactTypeScriptSupabasePostgreSQLTailwind
Personal Portfolio
Portfolio
Personal Portfolio
This site — an immersive 3D portfolio with full CMS.
ReactTypeScriptViteTailwind CSSFramer MotionView website
Dr. Dur-e-Najaf | Dermatology & Aesthetic Clinic Website
Healthcare Website
Dr. Dur-e-Najaf | Dermatology & Aesthetic Clinic Website
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.
ReactTypeScriptViteTailwind CSSFramer MotionView website
Services

What I build for clients.

001

Modern 3D Portfolio Websites

Modern 3D Portfolio Websites

Cinematic personal sites with R3F and full CMS.

  • 3D hero
  • CMS
  • SEO
  • 60 FPS
002

Business Websites

Business Websites

Editorial multi-page sites with admin dashboards.

  • Editorial design
  • CMS
  • Analytics
003

E-commerce

E-commerce

Product catalogs, cart, checkout, admin.

  • Catalog
  • Cart
  • Admin
004

Booking Platforms

Booking Platforms

Full booking SaaS with auth, roles, and reporting.

  • Bookings
  • Roles
  • Realtime
005

Admin Dashboards

Admin Dashboards

Productivity-grade dashboards like Vercel / Linear.

  • CRUD
  • Charts
  • Auth
006

Authentication Systems

Authentication Systems

Email + OAuth, RBAC, sessions.

  • Email
  • OAuth
  • RBAC
007

SaaS Products

SaaS Products

End-to-end SaaS with billing-ready architecture.

  • Multi-tenant
  • Billing-ready
008

Full Stack Applications

Full Stack Applications

Production systems from DB to UI.

  • DB
  • API
  • UI
  • Deploy
Capabilities

Skills, grouped honestly.

Programming
  • TypeScript
  • JavaScript
  • C++
Frontend
  • React / Next.jsExpert
  • React
  • Tailwind CSS
  • Framer Motion
  • React Three Fiber
  • HTML
  • CSS
Backend
  • Node.js & ExpressAdvanced
  • MongoDB & MongooseAdvanced
  • PostgreSQL & SQLIntermediate
  • Authentication & APIsAdvanced
  • Supabase
  • PostgreSQL
  • Authentication
  • Storage
  • Realtime
  • API Development
3D & Creative
  • Three.js & WebGLAdvanced
  • Framer Motion & GSAPExpert
  • GSAP & AnimationsExpert
Tools & DevOps
  • Git & Version ControlExpert
Design
  • UI/UX & FigmaAdvanced
Tools
  • Git
  • GitHub
  • VS Code
  • Figma
Creative
  • Poster Design
  • Business Card Design
  • Video Editing
  • Shopify
Education

Academic foundation.

Punjab Daanish School Rajanpur logo
Mar 2020 — Apr 2024
Matric and Fsc.
Punjab Daanish School Rajanpur

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.

Pakistan Institute of Engineering and Applied Sciences (PIEAS), Islamabad logo
Sep 2024 — Sep 2028
Bs physics
Pakistan Institute of Engineering and Applied Sciences (PIEAS), Islamabad

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.

Contact

Got a project? Let's make it.

Tell me a little about what you're building. I read every message.