3D Website.

3D Website cover image
GOAL:
  • Showcase work in an immersive but fast experience.
  • Keep navigation simple with clear, skimmable sections.
  • Use modular components so adding projects stays easy.
OVERVIEW:
  • React + React Three Fiber scene (hero room) with interactive hotspots.
  • @react-three/drei for controls/helpers; HTML overlays for popups and nav.
  • Projects gallery (masonry grid) for quick scanning.
  • Lazy-loaded models/assets and responsive layout for mobile/desktop.
HIGHLIGHTS:
  • HeroExperience scene with interactive project popups.
  • Custom elements (e.g., DigitalClock3D, background “room”) to add depth.
  • Smooth controls tuned for clarity over flash.
  • Performance-minded: Suspense/code-splitting and lightweight textures.
DEPLOYED:
Coming Soon

API Screenshots

Home page
Chef Menu
Customer Menu
Summary
Return