ChromoXplorer

ChromoXplorer takes genome data and renders it as an explorable three-dimensional structure in the browser, so that relationships which are hard to read in a table become something you can look at and turn around.

The front end is React with Three.js handling the WebGL rendering. Behind it I designed and built a Node.js and Express REST API over a MongoDB store, processing the bioinformatics datasets and exposing exactly the endpoints the renderer consumes — the shaping happens server-side so the browser never has to reason about raw files. Getting acceptable frame rates meant being careful about how much geometry is built up front versus streamed in as you navigate.

I containerized the application with Docker Compose and deployed it to AWS Lightsail, configuring container networking, environment-based secrets and HTTPS via Nginx. I owned production troubleshooting and defect resolution, which usually meant tracing a failure across the application, the container network and the database before I could tell which one was at fault.

It was my senior capstone, built with an eight-person Agile/Scrum team across the full lifecycle from requirements definition through code review, testing and release. It's also where I went from having done Three.js tutorials to reasoning about scene graphs, camera controls and draw calls.