https://github.com/angydev/custom-3d

Editor 3D developed with React and Three.js
https://github.com/angydev/custom-3d

javascript nodejs react threejs

Last synced: 2 months ago
JSON representation

Editor 3D developed with React and Three.js

• Host: GitHub
• URL: https://github.com/angydev/custom-3d
• Owner: AngyDev
• License: gpl-3.0
• Created: 2021-09-21T07:10:32.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2024-11-13T09:25:16.000Z (3 months ago)
• Last Synced: 2024-11-13T10:28:44.784Z (3 months ago)
• Topics: javascript, nodejs, react, threejs
• Language: JavaScript
• Homepage:
• Size: 3.62 MB
• Stars: 12
• Watchers: 2
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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

  


    


        About The Project

    

    


      Tech stack

    

    


      Getting Started

      


        
Setup

      

    

  


## About the project

The Precise application is part of the [Precise Project](https://www.preciseproject.it/). 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](https://www.sciencedirect.com/science/article/pii/S2352711023000948)

## 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](https://threejs.org/) - *JavaScript* library used to create and display animated 3D computer graphics in a web

- [React](https://reactjs.org/) - *JavaScript* library for building user interface

- [Vite](https://vitejs.dev/) - *JavaScript* build tool.

**Backend**

- [Node.JS](https://nodejs.org/it/) - An open source server environment

- [Express](https://expressjs.com/it/) - A framework for Node.js web application

- [Knex](https://knexjs.org/) - SQL Query Builder for Javascript

- [Postgresql](https://www.postgresql.org/) - A relational database

## Getting Started

### Requirements

- `node: >=14`

- `npm`

### Setup

[Frontend README](https://github.com/AngyDev/custom-3D/tree/main/client/README.md)

[Backend README](https://github.com/AngyDev/custom-3D/tree/main/server/README.md)

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`