Build and collaborate in real-time on 3D models using rectangular bricks. This multi-user application allows users to create intricate designs in a 3D space using Lego-like bricks.
three.js
and react-three-fiber
for efficient and smooth 3D rendering.liveblocks
to enable users to collaborate in real-time.radix ui
to provide a seamless user experience.Zustand
is being used as state management solution.Experience the app live here.
Clone the repository:
git clone https://github.com/bhushan6/lego-builder.git
Navigate to the project directory:
cd lego-builder
Install the dependencies:
yarn install
or
npm install
Create a .env file in the root directory and add your Liveblocks public API key:
echo "VITE_LIVEBLOCKS_API_KEY=your_liveblocks_public_api_key" > .env
Replace your_liveblocks_public_api_key with your actual Liveblocks public API key.
Start the development server:
yarn dev
or
npm run dev
Open your browser and navigate to http://127.0.0.1:5173/ (or the port you've configured).
Feel free to fork the project, open issues, and submit pull requests. Any contribution is highly appreciated!