T

L'électron rare 60fc17819c feat: self-hosted websocket realtime server

Standalone Node WebSocket relay (ws) replacing the Liveblocks SaaS.
Per-room storage snapshot ({bricks, cursorColors}) plus presence
roster; JSON protocol with init/join/leave/presence/storage/event.
Ephemeral events relayed to peers only; rooms cleaned up when empty.

2026-06-13 18:04:15 +02:00

public

adds readme

2023-08-16 17:13:53 +05:30

server

feat: self-hosted websocket realtime server

2026-06-13 18:04:15 +02:00

src

updates : info dialog panel

2023-08-15 04:26:22 +05:30

.env.example

adds readme

2023-08-16 17:13:53 +05:30

.eslintrc.cjs

migrates to vite

2023-08-12 00:33:12 +05:30

.gitignore

sets up liveblock for collaboration feat

2023-08-14 04:33:19 +05:30

index.html

updates : icon and doc title

2023-08-15 01:39:45 +05:30

LICENSE

Create LICENSE

2023-08-16 17:21:12 +05:30

package-lock.json

removes unused packages

2023-08-15 01:27:03 +05:30

package.json

removes unused packages

2023-08-15 01:27:03 +05:30

README.md

adds readme

2023-08-16 17:13:53 +05:30

vite.config.js

migrates to vite

2023-08-12 00:33:12 +05:30

README.md

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

Live Demo

Experience the app live here.

Local Development

Prerequisites

Node.js
Yarn or npm

Setup

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

Contribution

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