react

  • Interactive Plots – Cell Biology

    This web-based app is a tool I developed to make interactive data visualization. Examples below show an interactive Volcano Plot (Fig. 1), a Bar Plot (Fig. 2), and its raw data (Fig. 3). Those diagrams are related to Cell Biology research yet to be published.

    Fig. 1 – Volcano Plot
    Fig. 2 – Bar Plot
    Fig. 3 – Raw data

    Those plots aren’t static. Indeed, the UI allows users to filter the data interactively, that’s why you see on the left side of the UI some input fields like TPM (transcripts per million), P-value, and FC (Fold Change).

    This app has been developed to produce a standalone HTML page on a per-customer basis. Each build can include several projects, each of them including one or more interactive visualizations.

    For each project, data is first normalized/transformed/cleaned using Python (Pandas, NumPy), and integrated as a JSON file into the app.

    Many types of plots have been used for this app; they all rely on Plotly.js and D3.js libraries.

    Plotly.js / D3.js / TypeScript / Python

  • DR. Stats

    DR STATS Home page https://dice.42borgata.com

    I wrote this webapp to follow the dice roll distribution during a Catan game. Of course it can works with any game that uses from 1 to 3 dices.

    Each time dices are thrown, user can register it by pressing one of the blue buttons. This has for effect to update in real time the game statistics as blue bars. The theoretical values are the orange line.

    User can visualize the history, and undo in case of errors. The state of the application is automatically saved/restored from the browser’s local storage.

    dice.42borgata.com

    github

    React / Vite / Plotly.js / Material Design

  • A Job Search Manager

    Seeking | Report Export Section

    Seeking is a Job Search Manager, which allows you to record, track, and view your job search journey.

    The main purpose of this project was to practice FastAPI and Next.js in a concrete project.

    source code.

    FastAPI / Next.js 14+ / Material UI / react-hook-form / zod / openapi / ..

    (suite…)

  • Front-end Software Engineering – (CRIPT)

    In 2022-2023, I worked as a Front-end Software Engineer for polymer research in MIT (ChemE dept.) to develop a React frontend for the project CRIPT.

    © 2025 · CRIPT · All rights reserved
    © 2025 · CRIPT · All rights reserved

    www.criptapp.org

    React / Vite / TypeScript / Jest / Plotly.js / Python / Cypress / Docker .

    What is CRIPT?

    « The Community Resource for Innovation in Polymer Technology (CRIPT) provides a platform for people working in polymer science and engineering to capture and share data. CRIPT is led by a team at the Massachusetts Institute of Technology (MIT) along with collaborators in Academia, Industry, and Government, with support from the Convergence Accelerator Program of the National Science Foundation (NSF) »

    (suite…)