https://github.com/chuongmep/speckle-react-loadobject
Sample demo speckle load data object with react app
https://github.com/chuongmep/speckle-react-loadobject
bim data-exchange metadata speckle speckle-bim speckle-data
Last synced: about 2 months ago
JSON representation
Sample demo speckle load data object with react app
- Host: GitHub
- URL: https://github.com/chuongmep/speckle-react-loadobject
- Owner: chuongmep
- Created: 2023-09-01T16:16:40.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-09-02T00:35:11.000Z (over 1 year ago)
- Last Synced: 2025-03-14T03:01:53.122Z (3 months ago)
- Topics: bim, data-exchange, metadata, speckle, speckle-bim, speckle-data
- Language: JavaScript
- Homepage: https://speckle-react-loadobject.vercel.app/
- Size: 2.06 MB
- Stars: 4
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Getting Started Speckle Object with React App
Demo : https://speckle-react-loadobject.vercel.app/
# Demo with data :
- Speckle Stream : https://latest.speckle.dev/streams/c581c30077/commits/f47d03ab3e
- StreamId : c581c30077
- ObjectId : d3687b35b2aa3987433900e38d026ba3
- serverUrl = 'https://latest.speckle.dev'
Note : Please replace with your own streamId, objectId and serverUrl in `SpeckleLoader.js`
# How to run
- Download and install [Node.js](https://nodejs.org/en/download/) latest version (My version : v18.17.1)
- Clone project
- Run `npm install` to install dependencies
- Run `npm start` to start the app
- Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
- Click load data button to load data from speckle stream
- View the console to see the data by Right click > Inspect > Console
Preview
# References
- [Speckle Object Loader](https://github.com/specklesystems/speckle-server/tree/main/packages/objectloader#on-the-server)
- [Speckle Object Loader Demo](https://codesandbox.io/s/competent-heisenberg-y3lx7c?file=/src/index.tsx)