Building Decentralised Realtime Collaborative Applications - Building Google Docs without Google
?
2 likes?2,694 views
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.
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 going to envolve some coding. Probably pairing up!
- 3. MozfestDecentralised Agenda ? Grouping ? Motivation for Decentralising Web Apps ? Goal ? Setup ? Code! (30 mins) ? Discussion: Decentralised Web Apps ? Quick Announcement
- 4. MozfestDecentralised Motivation Cloud-based software has taken the web a long way, but lead us into centralisation.
- 5. DNS a.com 30.30.30.30 b.com 40.40.40.40 c.com 50.50.50.50
- 6. cvs/svn
- 7. cvs/svn
- 8. cvs/svn
- 14. MozfestDecentralised Goal Create a decentralised collaborative web-based real-time Flipchart application
- 15. MozfestDecentralised Materials ? Modern Browser ? JavaScript ? IPFS (js-ipfs) ? CRDT ? Code Editor ? Command line
- 17. MozfestDecentralised Setup:? Download code ? Through git: ? or download zip ?le from http://bit.ly/2xsCJfP
- 23. MozfestDecentralised The source code Open a code editor and take a peek at src/index.js
- 24. MozfestDecentralised Add 1 IPFS Let¡¯s create an IPFS node inside the browser app.
- 25. MozfestDecentralised Wait for IPFS to start ¡by handling the IPFS ¡°start¡± event.
- 26. MozfestDecentralised Print IPFS status and IPFS 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 Of?ine-?rst, real-time, shared editing for data structures
- 30. MozfestDecentralised Add 1 CRDT Let¡¯s replace 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.js dependencies
- 33. MozfestDecentralised Y.js step 3 Routine to draw a line from a Y.js array
- 34. MozfestDecentralised Y.js step 4 Listen for changes in drawing and act.
- 36. MozfestDecentralised Y.js step 6 Create new line on drag
- 37. MozfestDecentralised Y.js step 7 When user drags, add points to current line
- 38. MozfestDecentralised Y.js step 8 When user clears, remove all lines from CRDT
- 41. MozfestDecentralised Homework Challenge ? Allow user to take a snapshot ? Save the snapshot to IPFS
- 42. MozfestDecentralised CRDTs CRDTs will be the building block of decentralised collaborative applications. This type of data structures allows building con?ict-free of?ine-?rst reliable decentralised apps.
- 43. MozfestDecentralised Discussion CRDTs allow you to 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 a real-time collaborative editing tool, powered by IPFS and CRDTs. https://peerpad.net