Skip to content

AngyDev/custom-3D

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Precise

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

Table of Contents
  1. About The Project
  2. Tech stack
  3. Getting Started

About the project

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

Tech stack

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

Getting Started

Requirements

  • node: >=14
  • npm

Setup

Frontend README

Backend README

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