HL
Back to projects

LabStream

Frontend Development, 3D Visualization

LabStream

Overview

LabStream is an ongoing research project in collaboration with Professor Baghdadchi’s lab in the UCSD ECE department, aimed at enabling remote participation in photonics lab experiments.

As part of a 7-person development team, I'm contributing to a fully responsive web frontend built in React that allows students to interact with and control lab equipment from their browsers in real time.

My work has focused heavily on developing interactive 3D visualizations using Three.js and Onshape models to simulate lab setups. These components are synchronized with physical hardware via HTTP requests to ESP32 microcontrollers, creating a seamless bridge between digital simulation and hands-on experimentation.

Key features:

  • Custom 3D components to visualize and control lab instruments
  • Real-time communication with ESP32-based lab hardware
  • Responsive React interface designed for student accessibility
  • Integration of mechanical CAD models with browser-based controls

Technologies

  • React
  • Three.js
  • Onshape
  • Material UI
  • Tailwind CSS

Year

2024-2025

Relevant Link

Visit Site

Source Code

View on GitHub