Build a blog UI with VueJS | Substrate Seminar
19At this week's seminar we see a live demo of building a UI for a Substrate chain using vue js. Then we get a demo and tour of Subsocial.
0:00 Introductions
1:52 Cloning and building the Vue template
5:29 Installing the Polkadot JS Api dependency
6:42 Adding tabs to the dashboard
14:02 Creating and using a global websocket connection
23:31 Writing a blocknumber component
32:27 Customizing the websocket endpoint from the UI
46:57 Description of how to query historical events
50:35 Subsocial overview
52:56 Path from forking Apps to building on Next js
54:49 Creating a blog
1:00:10 Thoughts about tokens
1:03:04 Creating a post
1:04:16 Thoughts about disposable session keys
1:07:50 Publishing workflows on IPFS, Substrate, and Web2
1:09:19 Custom menus and more features in Subsocial's UI
1:17:38 Subsocial code walkthrough begins
1:19:33 How deletion is implemented
1:22:37 Scoring algorithm
1:26:27 Thoughts about generalizing storage backend
Vue template Bruno started from:
git clone https://github.com/swader/vue-white-dashboard
Kodadot's approach to keeping a websocket instance https://github.com/vue-polkadot/vue-ui/tree/master/packages/vue-api
https://www.npmjs.com/package/@vue-polkadot/vue-api :)
Docs for polkadot-js/api:
https://polkadot.js.org/api/start/
Subsocial Repos (node, ui, off-chain):
https://github.com/dappforce
⎼⎼⎼⎼⎼⎼⎼
→ For more videos on blockchain development and building Web 3.0,
subscribe to the channel: https://www.youtube.com/channel/UCSs5vZi0U7qHLkUjF3QnaWg?sub_confirmation=1
→ Website: https://www.parity.io/
→ To stay informed about Parity updates and events,
subscribe to the newsletter: https://www.parity.io/newsletter/
→ Follow us on Twitter (@ParityTech): https://twitter.com/ParityTech
→ Check our code on GitHub: https://github.com/paritytech/
#vuejs #substrate #blockchaindevelopment