Client work · 2024

Real-time 3D jewelry configurator

An MVP for Flopo Ltda. in Rio de Janeiro: a web platform where customers design jewelry in 3D in real time, with materials that look like real metal and stone.

Real time3D customisation in the browser
PBRphysically based metals and gems
REST APICRUD across several schemas
Vercelfront end and API deployed

What I built

The rendering engine. A Three.js scene with custom physically based materials for precious metals and gems, rendered in real time in the browser.

The configurator. The user interface to customise a piece: colour, metalness and roughness, saved as named materials.

The back end. A REST API with CRUD across several schemas, MongoDB Atlas for storage, and deployment on Vercel.

A ring changing material in real time.
Stack
  • TypeScript
  • Next.js
  • React
  • Three.js
  • Node.js
  • MongoDB Atlas
  • Vercel