Precise is a Web-Based 3D visualization and editing application for surgical simulation of tumor resection.
The authors wish to acknowledge the Tuscany Region (Italy) for co-funding the PRECISE project (BANDO RICERCA SALUTE 2018), which originated and made possible this research.
Table of Contents
The Precise application is part of the Precise Project. The idea originating the PRECISE project comes from the urgent need of researching, innovate, integrate and validate existing and novel 3D technologies in a new objective unified framework for enabling in the current clinical practice, patient-specific methods and tools for the training, the simulation, the intervention and the follow-up of personalized surgical approaches. Such technologies include CAD, Reverse Engineering, Additive Manufacturing, and Virtual and Augmented Reality.
The Precise application is developed to create a project, import STL files, and visualize those files as 3D images and it gives the possibility to edit and interact with these images through specialized tools. The application is compatible with tablets.
Related Article: SoftwareX - Precise: A web-based 3D visualization and manipulation application for surgical planning of tumour resection
The application is divided into two parts, the client and the server. it is written completely in JavaScript. Following the technologies used to develop the application:
Frontend
- Three.js - JavaScript library used to create and display animated 3D computer graphics in a web
- React - JavaScript library for building user interface
- Vite - JavaScript build tool.
Backend
- Node.JS - An open source server environment
- Express - A framework for Node.js web application
- Knex - SQL Query Builder for Javascript
- Postgresql - A relational database
node: >=14
npm
To run client and server together use the following commands:
- Add the
.env
file in server and client folder
In the custom-3D folder
- Run the command
npm run install:all
- Run the command
npm run start:all