Tools I use to build interactive, performant web experiences — from application logic to immersive 3D interfaces.
IMPLEMENTATION CONTEXT
React and TypeScript support the interface, Next.js provides App Router pages, and JavaScript powers the static-export helper script.
IN MYVERSE
MyVerse’s shared ExperienceShell coordinates room readiness and direct navigation between accessible HTML destination pages.
IMPLEMENTATION CONTEXT
Three.js provides the scene, React Three Fiber connects it to React, and Drei supplies GLB loading helpers.
IN MYVERSE
RoomCanvas renders the room models; CameraRig manages camera poses, while interactive hotspots connect the room to HTML destinations.
IMPLEMENTATION CONTEXT
GSAP sequences motion, CSS defines responsive layouts and interaction states, and Tailwind CSS is integrated through the PostCSS styling pipeline.
IN MYVERSE
MyVerse uses GSAP for camera transitions and destination reveals, with CSS for card disclosures, focus indicators and responsive page layouts.
IMPLEMENTATION CONTEXT
Git tracks source changes, the project repository is hosted on GitHub, and ESLint checks the JavaScript and TypeScript code.
IN MYVERSE
MyVerse’s npm scripts run TypeScript validation and ESLint checks; Git and the GitHub repository keep source changes available for review.