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
3D Web
3D Interactive Portfolio
3D Web
3D Interactive Portfolio
Modern 3D web developer portfolio with interactive 3D models and admin panel.
ReactThree.jsTypeScriptNode.jsMongoDB
Business
PSP Website For PIEAS
Business
PSP Website For PIEAS
Modern marketing site for PSP with a CMS-backed content layer.
ReactTypeScriptSupabaseTailwindFramer Motion
Full Stack
Content Studio CMS
Full Stack
Content Studio CMS
Full-stack CMS and admin dashboard with real-time editing and MongoDB integration.
ReactNode.jsMongoDBExpressTailwind CSS
HostelHive
SaaS
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
Web Platform
PSP Website For PIEAS
Web Platform
PSP Website For PIEAS
Official web platform for Physics Society of PIEAS.
ReactTypeScriptNode.jsTailwind CSS
Full Stack App
HostelHive
Full Stack App
HostelHive
Hostel management platform for room booking and student administration.
ReactNode.jsMongoDBExpress
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
Experience

A timeline of shipped work.

    Jan 2022Present
    Full Stack Developer
    Freelance / Self-Employed

    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.
    Mar 2023Jun 2024
    Frontend & 3D Web Developer
    Creative Digital Studio

    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.
Education

Academic foundation.

Sep 2024Sep 2028
BS Physics
Pakistan Institute of Engineering and Applied Sciences (PIEAS)

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

Punjab Daanish School Rajanpur logo
Mar 2020Apr 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 2024Sep 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.

Sep 2020Jun 2024
Bachelor of Science in Computer Science (BSCS)
University / Academic Institution

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

Apr 2018Jun 2020
Matric and F.Sc. (Pre-Engineering / Science)
Punjab Daanish School Rajanpur

Completed secondary and higher secondary science education with distinction.

Certifications

Verified credentials.

Issuer
May 2023
Verify
Issuer
Nov 2023
Verify
Contact

Got a project? Let's make it.

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