https://github.com/pubkey/rxdb-quickstart

Local-First peer-to-peer replicated todo list with RxDB and WebRTC
https://github.com/pubkey/rxdb-quickstart

local-first p2p peer-to-peer rxdb webrtc webrtc-demos

Last synced: 3 days ago
JSON representation

Local-First peer-to-peer replicated todo list with RxDB and WebRTC

• Host: GitHub
• URL: https://github.com/pubkey/rxdb-quickstart
• Owner: pubkey
• License: apache-2.0
• Created: 2023-11-29T22:41:09.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-10-29T18:16:52.000Z (about 2 months ago)
• Last Synced: 2024-10-29T20:01:22.576Z (about 2 months ago)
• Topics: local-first, p2p, peer-to-peer, rxdb, webrtc, webrtc-demos
• Language: TypeScript
• Homepage: https://pubkey.github.io/rxdb-quickstart/
• Size: 3.97 MB
• Stars: 41
• Watchers: 2
• Forks: 6
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Local-First peer-to-peer replicated todo list with RxDB and WebRTC

This is a [local first](https://rxdb.info/offline-first.html) todo app that stores data locally with [RxDB](https://rxdb.info/) and replicates it [peer-to-peer with WebRTC](https://rxdb.info/replication-p2p.html) to other devices without sending the data throught any central server.

The whole app is implemented without a framework in about 200 lines of TypeScript code. To learn more about how it works, I recommend looking at the [source code](./src/index.ts) and read the [Quickstart Guide](https://rxdb.info/quickstart.html).

### Try live demo

The app is deployed with github pages at [https://pubkey.github.io/rxdb-quickstart/](https://pubkey.github.io/rxdb-quickstart/). It will automatically assign you a room id as url hash. Open that url in another browser/device/tab to test the replication.

![p2p-todo-demo](./files/p2p-todo-demo.gif)

### Start the app locally (requires Node.js v20 installed):

- Fork&Clone the repository.

- Run `npm install` to install the npm dependencies.

- Run `npm run dev` to start the webpack dev server and leave it open.

- Open [http://localhost:8080/](http://localhost:8080/) in your browser.