Portfolio With Experience
An interactive 3D portfolio you explore like a game world — drive a toy car across an island to discover the work embedded in the environment.
Overview
Portfolio With Experience is a personal portfolio reimagined as an interactive 3D world you can explore like a game. Visitors drive a virtual toy car across a 3D island to find and explore portfolio content directly inside the environment.
Live: khenportof.vercel.app
Key features
- A real-time 3D world that can be explored freely with keyboard controls (WASD / arrow keys)
- Portfolio content embedded physically in the 3D environment — About, Projects, Skills, and Contact
- Interactive elements such as objects that react when hit, and hidden secret areas
- Built entirely with modern web technology, without any external game engine
Technologies
TypeScript · React · Next.js · Three.js · React Three Fiber · Drei · Rapier Physics · GSAP · GLSL Shaders · Node.js
Project goal
The project showcases technical ability in software engineering, web-based 3D graphics (WebGL), and interactive experience design — while reflecting a creative approach to communicating a professional identity.
Architecture
- Core
- TypeScript, React, Next.js
- 3D & Rendering
- Three.js, React Three Fiber, Drei, GLSL Shaders
- Physics & Motion
- Rapier Physics, GSAP
- Runtime
- Node.js
Related work
Experimental2025NULLPOINT⁰
A fictional immersive-studio concept delivering cinematic, real-time 3D worlds in the browser. Currently in development.
Product2024E-Prokesba
An internal e-commerce platform that gives a health polytechnic a single, structured channel for managing its product catalog, orders, and transactions.