3D Lego-like Brick Builder Web App

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.

Features

• 3D Rendering: Utilizes three.js and react-three-fiber for efficient and smooth 3D rendering.
• Real-time Collaboration: Integrated with liveblocks to enable users to collaborate in real-time.
• Intuitive UI: Built with radix ui to provide a seamless user experience.
• State Management: Zustand is being used as state management solution.

Technologies Used

• React
• three.js
• react-three-fiber
• radix ui
• liveblocks
• zustand
• Vite

Live Demo

Experience the app live here.

Local Development

Prerequisites

• Node.js
• Yarn or npm

Setup

1. Clone the repository:

   git clone https://github.com/bhushan6/lego-builder.git

2. Navigate to the project directory:

   cd lego-builder

3. Install the dependencies:

   yarn install

   or

   npm install

4. 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.

5. Start the development server:

   yarn dev

   or

   npm run dev

6. Open your browser and navigate to http://127.0.0.1:5173/ (or the port you've configured).

Contribution

Feel free to fork the project, open issues, and submit pull requests. Any contribution is highly appreciated!