Download to read offline
Uploaded byPedro Teixeira
Building Decentralised Realtime Collaborative Applications - Building Google Docs without Google
This document discusses building a decentralized collaborative document application using IPFS, Y.js, and JavaScript. The goal is to create a real-time flipchart application without a central server by using IPFS for content-addressable storage and CRDTs for synchronization. The agenda involves grouping, discussing motivation for decentralization, setting up the required tools, coding the application, and discussing decentralized web apps and building blocks.
More Related Content
Similar to Building Decentralised Realtime Collaborative Applications - Building Google Docs without Google
Building Decentralised Realtime Collaborative Applications - Building Google Docs without Google
- 1. MozfestDecentralised David Dias &Pedro Teixeira Using IPFS, Y.js a Browser and some JavaScript Decentralised collaborative documents a.k.a. Building Google Docs without the “Google”
- 2. MozfestDecentralised Warning This is goingto envolve some coding. Probably pairing up!
- 3. MozfestDecentralised Agenda • Grouping • Motivationfor Decentralising Web Apps • Goal • Setup • Code! (30 mins) • Discussion: Decentralised Web Apps • Quick Announcement
- 4. MozfestDecentralised Motivation Cloud-based software hastaken the web a long way, but lead us into centralisation.
- 5.
- 6.
- 7.
- 8.
- 14. MozfestDecentralised Goal Create a decentralised collaborativeweb-based real-time Flipchart application
- 15. MozfestDecentralised Materials • Modern Browser •JavaScript • IPFS (js-ipfs) • CRDT • Code Editor • Command line
- 16.
- 17. MozfestDecentralised Setup: Download code • Throughgit: • or download zip file from http://bit.ly/2xsCJfP
- 18.
- 19.
- 20.
- 21.
- 22.
- 23. MozfestDecentralised The source code Open acode editor and take a peek at src/index.js
- 24. MozfestDecentralised Add 1 IPFS Let’screate an IPFS node inside the browser app.
- 25. MozfestDecentralised Wait for IPFS tostart …by handling the IPFS “start” event.
- 26. MozfestDecentralised Print IPFS status andIPFS Peer ID
- 27. MozfestDecentralised • Content-addressable storage •DAG formed by cryptographically secure links • Pub-sub network • Naming (IPNS) • Multi-transport • Multi-discovery • Multi-* • Community-driven open-source • Go, JS and more! • Future-proof
- 28. MozfestDecentralised Offline-first, real-time, shared editingfor data structures
- 29.
- 30. MozfestDecentralised Add 1 CRDT Let’sreplace direct manipulation of the line array with an array of lines. Each line is (still) an array of points.
- 31. MozfestDecentralised Y.js step 1 Import Y.jsdependencies
- 32.
- 33. MozfestDecentralised Y.js step 3 Routine todraw a line from a Y.js array
- 34. MozfestDecentralised Y.js step 4 Listen forchanges in drawing and act.
- 35.
- 36. MozfestDecentralised Y.js step 6 Create newline on drag
- 37. MozfestDecentralised Y.js step 7 When userdrags, add points to current line
- 38. MozfestDecentralised Y.js step 8 When userclears, remove all lines from CRDT
- 39.
- 40.
- 41. MozfestDecentralised Homework Challenge • Allow userto take a snapshot • Save the snapshot to IPFS
- 42. MozfestDecentralised CRDTs CRDTs will bethe building block of decentralised collaborative applications. This type of data structures allows building conflict-free offline-first reliable decentralised apps.
- 43. MozfestDecentralised Discussion CRDTs allow youto build a decentralised collaborative store. What other building blocks will be necessary to build DApps? • Identity • Authentication • Access Control • Privacy • Files • non-local Key/Object store • Messaging • … ?
- 44. MozfestDecentralised PeerPad PeerPad is areal-time collaborative editing tool, powered by IPFS and CRDTs. https://peerpad.net
- 45.