Yue Yu, Developer in Dallas, TX, United States
Yue is available for hire
Hire Yue

Yue Yu

Verified Expert  in Engineering

Software Developer

Dallas, TX, United States

Toptal member since October 7, 2024

Bio

Yue has six years of experience as a front-end engineer, specializing in the development of web applications, web components, and data visualizations. Skilled in TypeScript, JavaScript, React, Three.js, and Vue, he has also contributed to developing an open-source library for displaying 2D and 3D objects. Yue consistently seeks to enhance user experience through innovative design and efficient coding practices.

Portfolio

Houzz
JavaScript, TypeScript, Node.js, Three.js, WebGL, WebSockets, Next.js...
Vega
React, Three.js, WebGL, Deck.gl, TypeScript, Docker, React Hook Form, Flutter...

Experience

  • HTML - 7 years
  • CSS - 7 years
  • Visual Studio - 6 years
  • Three.js - 6 years
  • JavaScript - 6 years
  • React - 6 years
  • WebGL - 6 years
  • Databases - 3 years

Availability

Full-time

Preferred Environment

Slack, Jira, GitHub, Visual Studio, MacOS

The most amazing...

...things I've collaborated on developing are a measurement tool and an upload tool for users to create floor plans.

Work Experience

Software Engineer

2021 - 2023
Houzz
  • Developed a measurement tool for precise object placement in floor plans.
  • Implemented an underlay image feature for users to upload images or PDFs as design references.
  • Implemented a function to calculate the square footage of floors and walls.
Technologies: JavaScript, TypeScript, Node.js, Three.js, WebGL, WebSockets, Next.js, Single Sign-on (SSO), Docker, React Hook Form, Front-end, MongoDB, UI Development, User Experience (UX), User Interface (UI), Front-end Development, Vue, ECMAScript (ES6), Git, SCSS, CSS Animations, HTML5, UI Animation

Full-stack Developer

2017 - 2021
Vega
  • Created a data visualization system to display inventory and real-time data changes in various forms. Designed and implemented 2D graphics and animations for node layouts and data flows.
  • Developed responsive web pages and components using React, Vue, and Storybook. Implemented map applications showcasing clusters with Mapbox GL.
  • Implemented mathematical functions for 2D and 3D transformations. Developed in-built examples and 2D and 3D graphic instances for the library.
Technologies: React, Three.js, WebGL, Deck.gl, TypeScript, Docker, React Hook Form, Flutter, Web Notifications, Front-end, Dart, Node.js, UI Development, User Experience (UX), User Interface (UI), Front-end Development, GraphQL, ECMAScript (ES6), Git, SCSS, CSS Animations, HTML5, UI Animation

Experience

Data Visualizations on Nodes and Data Flow

https://leapyo.blogspot.com/2023/11/data-visualizations-in-chord-chart-of.html
Assisted the team in developing animations to illustrate data flows between nodes, data loading, and node expansion. I worked on new shape designs, definitions, and implementations. Additionally, I reviewed code, developed a library, and implemented components.

Measurement Tool in Floor Plan Editor

https://leapyo.blogspot.com/2023/11/measurement-tool-of-floorplan-on-houzz.html
It is a tool in the floor plan editor that allows users to measure the distance between items or their size. The ruler is an SVG element attached to a transparent plane object. I worked on this project with PM and designers. The tech stack I used includes React, WebGL, and Three.js.

Underlay Image Upload of Floor Plan on Houzz

https://leapyo.blogspot.com/2023/10/underlay-image-upload-of-floorplan-on.html
An underlay image can be used as a reference in floor plan design. Suppose the user has a PDF or image and wants to create the same design on the Houzz website. They could use this feature to draw the walls and add windows, doors, and furniture. With this design added, they could view the plan in 2D or 3D. At the same time, they can also leverage all the features of the Houzz floor plan to see the measurements, apply different styles to the walls and floors, and add all the furniture from the Houzz marketplace.

Simulation of Flowing Water

https://leapyo.blogspot.com/2023/11/simulation-of-water-flowing-and.html
An SPH scheme and GPU-accelerated method are combined to construct
a particle model of fluid for gaining a realistic model of flowing water interacting with complex terrain in a virtual environment. Furthermore, particle coordinate information is accessed, and the isosurface fluid model is constructed by combining the metaballs model and the marching cubes method for rendering flowing water. The terrain model is constructed based on DEM data. Terrain data are extracted and displayed by boundary particles. Real-time rendering of flowing water interacting with complex terrain in a virtual environment is implemented.

Education

2015 - 2017

Master's Degree in Computer Science

University of Texas at Dallas - Richardson, TX, USA

2011 - 2014

Master's Degree in Mechanical Engineering

Beihang University - Beijing, China

2007 - 2011

Bachelor's Degree in Mechanical Engineering

China University of Mining and Technology, Beijing - Beijing, China

Skills

Libraries/APIs

WebGL, React, Three.js, OpenGL, Node.js, React Hook Form, Vue

Tools

Git, Jira, GitHub, Visual Studio, Slack, Figma

Languages

HTML, CSS, TypeScript, JavaScript, ECMAScript (ES6), SCSS, GraphQL, HTML5, C++, Java, Dart

Frameworks

Next.js, Material UI, Deck.gl, Flutter

Platforms

Docker, Windows, NVIDIA CUDA, Web, MacOS

Storage

Databases, MongoDB

Other

Data Structures, Single Sign-on (SSO), Front-end, UI Development, User Experience (UX), User Interface (UI), Front-end Development, UI Animation, CSS Animations, Algorithms, Computer Graphics, Operating Systems, Web Development, Big Data, Machine Learning, WebSockets, SVG, Web Applications, Web UX, App UI, Web Notifications

Collaboration That Works

How to Work with Toptal

Toptal matches you directly with global industry experts from our network in hours—not weeks or months.

1

Share your needs

Discuss your requirements and refine your scope in a call with a Toptal domain expert.
2

Choose your talent

Get a short list of expertly matched talent within 24 hours to review, interview, and choose from.
3

Start your risk-free talent trial

Work with your chosen talent on a trial basis for up to two weeks. Pay only if you decide to hire them.

Top talent is in high demand.

Start hiring