3d Shape Visualizer

This project is a React-based web application designed to allow users to create, render, and visualize 3D shapes. Shape objects can be moved, resized, and interacted.

Technologies Used

• React
• Material UI
• threejs

Live Demo

• https://3d-shape-visualizer.netlify.app

Installation

Prerequisites

Ensure you have the following installed on your local machine:

• Node.js (v20.9.0)
• npm (10.8.0)

You can check if these are installed by running:

node -v
npm -v

Steps to Install

1. Clone the repository:

git clone [email protected]:ruchita-nathani/3d-shape-visualizer.git

2. Navigate to the project directory:

cd 3d-shape-visualizer

3. Install the dependencies:

npm install

Getting Started

Start the React application in development mode:

npm start

This will be rendered at http://localhost:3000 by default in the browser.

Usefull Scripts

In the project directory, you can run the following commands:

• npm start – Runs the app in development mode.
• npm run build – Builds the app for production.
• npm run format – Format the codebase in all files.