anilpandiya/dataloop

React 3D Point Cloud Editor

A simple 3D point cloud editor built with React, React Fiber, and the drei library. This project allows you to create, select, and manipulate cubes in a 3D scene using a user-friendly editor panel. Deployed here - Run Live)

Technologies Used

• React: A JavaScript library for building user interfaces.
• React Fiber: The underlying rendering engine powering React.
• drei: A library that provides useful abstractions and components for working with 3D scenes in React.

Features

• 3D Scene: The main scene displays a cube in the center that can be selected and manipulated.
• Cube Selection: Clicking on the cube opens an editor panel to modify its rotation, scale, and translation.
• Live Updates: Changes made in the editor panel are immediately reflected in the 3D scene.

Available Scripts

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

npm test

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.