T

L'électron rare 8a34b1d333 feat: room sync zustand middleware

roomSync() replicates the @liveblocks/zustand surface
(state.liveblocks.{enterRoom,leaveRoom,status,others,room}) over the
self-hosted relay. Storage fan-out is debounced and guarded against
remote echo; presence maps the self key; room exposes broadcastEvent,
subscribe and no-op history stubs. Falls back to a degraded solo mode
if the socket never opens so the Loader never blocks. Dev-only store
hook on window for debugging (stripped in production).

2026-06-13 18:04:22 +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

feat: room sync zustand middleware

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

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