Portfolio Showcase

Skills, projects & collaboration stories

A closer look at the technologies that power my 3D experiments, product thinking, and research collaborations.

⬅︎ Back to hero3D intro

Core Skills

Full-stack creative engineering

The toolkit that powers immersive 3D experiments, fast web applications, and thoughtful product design. From custom GLSL shaders to collaborative XR research, these are the skills I rely on daily.

Creative Engineering

  • TypeScript & modern ECMAScript
  • Next.js App Router architecture
  • React 18 concurrency patterns
  • Tailwind CSS + design token systems
  • Node.js & Edge API orchestration
  • Testing with Vitest + Playwright

Real-Time 3D & Graphics

  • Three.js & React Three Fiber
  • WebGL shader authoring (GLSL)
  • Gerstner wave water simulation
  • Physics interactions (cannon-es)
  • Procedural lighting & post-processing
  • 3D asset pipeline (Blender, Maya)

Experience Design & Research

  • UX research & rapid prototyping
  • Figma component libraries
  • Narrative design for XR experiences
  • Inclusive design facilitation
  • Product strategy & roadmap definition
  • Cross-functional workshop leadership

Also in my toolkit

Figma component systemsGLSL shader authoringStory-driven UI writingDesign crit facilitationTechnical leadershipXR user research

Projects

A showcase of immersive talks across VR training, AI research tooling, and playful web applications.

ForestVR
VR Emergency Response Training Platform

ForestVR

#1

VR Emergency Response Training Platform

ForestVR is a VR training platform for emergency response in the $16.4B immersive training market. Features LLM-powered NPC voice interactions via OpenAI API, physically accurate fire propagation modeling wind, vegetation, and terrain, and ships on Meta Quest 2/3 at 72fps.

Role

Product Manager · Level Designer · API Developer

Team

Yuxin Hao (PM)VR/UX DesignerDeveloperDeveloperDeveloper

Technologies

Unreal EngineC++OpenAI APIMeta QuestVR Development
Visit Website
Forest AI NPC Plugin
Intelligent Wildlife and NPC System

Forest AI NPC Plugin

#2

Intelligent Wildlife and NPC System

A sophisticated plugin for Unreal Engine that provides AI-powered wildlife and NPCs with realistic behaviors and voice-based interaction capabilities. I created this plugin to enhance virtual ecosystems with natural interactions and environmental awareness.

Role

Creator & Developer

Technologies

Unreal EngineC++OpenAI APIAI Behavior Systems

Key Features

  • AI Wildlife System with realistic animal behaviors
  • Intelligent NPCs with context-aware conversation
  • Voice Recognition & Response using OpenAI APIs
  • Fire Propagation System with environmental impact
GitHub Repository
SafeBite
AI-Powered Food Recall Alert System

SafeBite

#3

AI-Powered Food Recall Alert System

SafeBite addresses fragmented government food safety data by providing a searchable interface across 27,500 FDA and USDA recall records. Features a unified 7-class recall reason taxonomy, BERT semantic similarity classification at 81.57% precision, and biomedical NER for pathogen extraction.

Role

Led NLP pipeline design and taxonomy classification

Team

zhicong@umich.edutifang@umich.edujethao@umich.edubeckyjin@umich.eduinfcode@umich.edu

Technologies

FastAPIspaCyBERTStreamlitPolars

Key Features

  • BERT semantic similarity classification (81.57% precision)
  • Multi-criteria filtering by allergen, pathogen, risk level, and state
  • Biomedical NER for pathogen extraction
  • Unified 7-class recall reason taxonomy across 27,500 records
Visit Website
KnowU
Real-Time Multiplayer Card Game

KnowU

#4

Real-Time Multiplayer Card Game

KnowU is a production PWA with real-time multiplayer sync for 2–6 players. Features two game modes — Classic (group party, shared deck) and Truth Duel (1-on-1 with connection meter) — with 71 prompts across 12 categories from icebreakers to deep personal questions.

Role

Full-Stack Developer & Game Designer

Technologies

Next.js 15TypeScriptSupabaseVercel

Key Features

  • Two game modes: Classic group party and Truth Duel 1-on-1
  • Real-time multiplayer sync for 2–6 players
  • Vibe reaction system quantifying emotional alignment
  • 71 prompts in 12 categories with natural conversation progression
Visit Website
Schedule Studio
UMich Course Registration Redesign

Schedule Studio

#5

UMich Course Registration Redesign

Schedule Studio addresses core fragmentation across UMich registration tools (Wolverine Access, Atlas) with a unified platform covering two end-to-end user flows across 16 subtasks: course discovery with prerequisite eligibility, conflict detection, and registration with waitlist handling.

Role

UX Designer & Researcher

Team

Tao ZhangYuxin HaoJane WeiKai Lu

Technologies

FigmaUser ResearchUsability TestingPrototyping

Key Features

  • Two end-to-end user flows covering 16 subtasks
  • 6+ think-aloud usability sessions across two iteration cycles
  • Prerequisite eligibility surfaced on course cards
  • Severity-ranked Usability Findings Templates
Visit Website

Let's collaborate

I'm a University of Michigan senior blending software engineering with immersive design. Reach out for product roles, creative coding collaborations, or to chat about pastel shaders.

Email

yuxin@cutehao.com

Drop me a note about collaborations, internships, or your favourite shader trick.

Location

Ann Arbor, Michigan

Remote friendly and always up for coffee chats around campus or in the creative coding community.

Prefer socials? Ping me on @cutehao.

Compose Email💫