I built a decentralized chat dapp // GUN web3 Tutorial

[@marknadal9622]

GUN author here! Gaaaaah the app is already swamped, OK looks like I'm gonna need to working on my scaling code... trying to fix things now! Probably too late. Please try to run a local version of the project in the meanwhile (so sorry) - and I'm happy to answer any Qs too (tho KZbin rate-limits how fast commenters/me can I reply).

[@thomaslauer1015]

Thank you for everything you do! I hope your systems are stable and your bugs sparse!

[@kahungchim6367]

Hi there, I would consider to build a forum app with gun, however I am concerned that some features like banning users or advanced user management would be impossible. Is it actually the case? Or it is something possible to implement?

[@nirajsheladiya8246]

Thanks for your time 🤠

[@deidyomega]

What would running a local copy of the code do? It looks like its all client side. So if I compile the code locally and run it, or download the code from the webapp and run it, it should run at the same speed, and have the same scaling problems

[@roastgg]

Awesome work Mark.

[@arslantechlab]

This guy is God Gift for Developers😍, Back to Back Awesome Tutorials!👏

[@Fireship]

Looks like you have a nice channel there, subscribed!

[@arslantechlab]

@@FireshipProud Moment for me sir❤😍 I have a great plans for this channel. I'm working on data structures and algorithms & Nodejs series right now. And then I'll make a complete courses on javascript, Reactjs and many more😊.

[@isheanesunigelmisi8400]

If Jeff subscribes then I will as well

[@arslantechlab]

@@isheanesunigelmisi8400 Thanks dude😊

[@shafiaansar863]

@@arslantechlab subscribed .🙌This is an awesome channel about programming 👏

[@the_primal_instinct]

I built a decentralized chad app

[@Fireship]

haha

[@bookle5829]

Alexa, play can you feel my heart

[@sleyeborgrobot6843]

smashes like

[@housefull2432]

@@Fireship how to put dapps in play store how contacted BTW them

[@kattagroup2k23]

How

[@y9tw0t]

Finally: content on app architectures beyond the conventional server-client model dependant upon the corporate clouds (AWS, Google, _et cetera_ )!

[@tal_the_great]

Except, of course, that radix server in the middle acting as a non-cache storage.

[@thecorruptversion]

Writing "etc" as "et cetera" must be one of the must pretentious things I've seen.

[@y9tw0t]

@@thecorruptversion, so you mustn't've seen very much, then, huh? Try getting out more.

[@thecorruptversion]

@@y9tw0t Well done for deleting your original comment, because it made no sense. The "try getting out", "go outside" and arguments of that kind are so 2009. Try a better pre-made comment next time.

[@y9tw0t]

@@thecorruptversion ahh, yes, because the validity of a thought is a function of it's newness; nothing that's "2009" (whatever that even means) 🙄 can be sound. Also, I said _get out_ because you portrayed something that's not at all pretentious as the *"must"* pretentious thing ever when there are myriad things that're a great deal more pretentious, indicating that you're either deficient in experiences out in the world or deficient in attention to details. Oh, and, the only reason I amended my original response is that it occurred to me that you probably aren't the sort who bothers to backup your arguments when someone like myself takes them seriously and gives you an opportunity to make them make sense. Here's, more or less, my original response -let's see if you entertain it in good faith: "How do you figure that using the unabbreviated form of a term amounts to pretention? And, what, do you abbreviate everything, then; only _approx._ , never _approximately_ ; only _no._ , never _number_ ; _et cetera_ ?" There anything else you need explained for you?

[@GrazianoBF]

So much freedom on one single tutorial.. I feel like going out for some range fun now :)

[@stephen9849]

I read this as "gnu web3" and I thought Richard Stallman wrote a new thing...

[@kraskaska]

that would be really funny

[@mohamedtalaatharb2441]

Same here actually

[@KunalKumar-dz4kb]

Mee Too

[@stfalx]

Wow. No firebase, and mom can't believe you did something that works! Amazing!

[@TheIlham980]

Man you're what I wish to be as a Developer! keep doing your stuff and hope you good health Jeff

[@IceBreakerGamer]

I'm a simple man, I see fireship upload, I click

[@MrDallix]

I am planning on using gun as a framework for realtime crossplatform notifications in a web app I'm making. Absolutely love it! Thank you for making coding easy!

[@m3po22]

I wish more people used observables. It's a unified API for async that simplifies everything. No friggin async/await everywhere, no one-off event listener syntax, etc...

[@m3po22]

@Zelená Žaba we don't have native observables yet, but when we get them the API will be like RxJS

[@keerthivasan6107]

Is Svelte going to be your goto JS framework / library from now !? Glad to see svelte getting much deserved attention ! 😁

[@Mikkysam52]

Richard Hendricks, your dream is coming to pass

[@DevMadeEasy]

Hey FireSHip🔥. 😮 Wow, great content, as always!!! I just 💜loved it. Thanks for sharing it!🙏 Besides being a programmer, you are an expert in "After Effects"... This video is breathtaking.

[@froggo4363]

🙏🙏🙏🙏

[@svenkuffer4512]

Reminds me of the IPFS, InterPlanetary File System, a decentralized file storage using a distributed hash table, often used in addition with NFTs and Blockchain

[@DimaNoizinfected]

ipfs is not about NFTs. Marketplaces use IPFS as database to store graphics.

[@svenkuffer4512]

@@DimaNoizinfected that‘s what i said, in addition to NFT, the NFT has an id which is a hash of the files metadata, that is used to lookup the location in the DHT, and then you can retrieve it in the ipfs

[@Mopark25]

@@tobiokandi it's already being used by Audius and I believe NFTs are in their roadmap

[@arpee1337]

What? A shitload of NFT marketplaces already use IPFS to store the meta json

[@0xcoburn]

please more videos on building decentralized api’s!

[@kage-musha1702]

@@user-tu6oh2op9s wow

[@MalumFashEntertainment]

@@user-tu6oh2op9s scam

[@tuliomop]

Your selection of technologies is great, I always learn something new on this channel, thanks

[@crowlsyong]

What you do for the dev world...is just amazing. THANK YOU. Please keep making (some) free content. I promise I'll get a few months of your pro thing soon.

[@crowlsyong]

For now, take my like/comment and sub. 💖💖

[@princejoogie]

watched to learn about gunjs, left loving how simple svelte is

[@jordanasghar6419]

You could take the data layer further and start pushing to IPFS and the Filecoin network for massive scalability. Here, you have a prebuilt, state of the art system for storing decentralised data on hard drives across the world, at a fraction of the cost of cloud vendors.

[@nhivothianh4030]

Can you help me answer the question? this youtube clip build a dapps, do i need to use IPFS. Currently, I just build to introduce how decentralized database works between 2 computers.

[@rkvkydqf]

Building a demo that's literally more secure, private, scalable and open than most popular chat apps in 10 minutes.

[@digletwithn]

secure where?

[@rkvkydqf]

@@digletwithn Unlike a lot of messaging apps, it technically implements E2E encryption, though with a hardcoded key.

[@monarch0243]

@@rkvkydqf Most of messaging apps have encryption nowadays.

[@digletwithn]

@@monarch0243 and without a hardcoded key in the first place

[@monarch0243]

@@digletwithn Exactly/Obviously!

[@fatgolem69]

Congrats on 800k subs

[@LabGecko]

Wow, that's been a ride. He's just under 3 mil now

[@amos660]

jesus christ, dude.. in 15 minutes? you are the best of the best. period.

[@shauryajain4215]

Love the cowboy music in the background 🤠. These little details always make your videos special

[@thedoubleop]

I knew I liked this channel for a reason.

[@jata1]

I just found this channel and you are so good! All of your videos are so polished and juicy! Thank you for your videos and inspiring me to explore more development

[@alphaNaj]

great to see you have used svelte!

[@aqibsuhail8388]

I just completed Silicon Valley, and here you are with a decentralized app tutorial. How do you do it man?!!?

[@minnow1337]

So excited for all of the web 3 content to come

[@JeyPeyy]

HOW Do you have time to learn so many different topics, animate these awesome videos AND develop dapps???

[@Altessaire]

Entrepreneurship

[@butterfly7562]

because make video is his work

[@sazaraki]

It's a team of people.

[@0xNES]

Was waiting for your video ! You both are great ! Can't wait to have dapp popping everywhere !

[@computadorhumano949]

Do you not a spoker English? Why i am ask because my teach english tell me that i always do need put with subject before of sentence in this case "i was wanting for your video"

[@0xNES]

​@@computadorhumano949 I'm not native if that's your question. Your english teacher is right tho, you should put the subject before the verb. My mistake !

[@LabGecko]

@@0xNES said _"Your english teacher is right tho, you should put the subject before the verb."_ Technically, yes, but what you wrote in the original post is how most English speakers write in text / comments. Saying this in person would be: "I was waiting for your video! You're both great! Can't wait to have dapp popping everywhere!" Not much difference. I'm not sure why we anglophones use 'I was' at the start. Perhaps it just sets what or who is being spoken about. Good luck with your languages!

[@AbhishekSalunkhe-fg2sy]

Video is about gun and it is like a bullet. To the point and fast. Nice work.

[@313comput]

I've seen enough Silicon Valley to know where this is going

[@davidbeckham1653]

Lol!

[@VivekYadav-ds8oz]

Oh sh*t the rats are coming

[@gainbrain1338]

😂😂😂

[@aqibsuhail8388]

@@empnadajhhh9469 wai wha

[@hourglass8450]

Watching fireship's videos makes me feel like I can learn anything XD

[@PranshuTheGamer]

I was thinking about a decentralised chatting app just yesterday!

[@nathandaven]

this is the future of the web highkey

[@nickydevendt]

This is dope! I really like how fast you can start developing.... Me so happy...!

[@yashkalavadiya5021]

This guy should have been at 1M already

[@piltonswrangbrahma5140]

Fireship on fire 🔥🔥🔥🔥

[@leonardotarla2723]

You can also use akash network to build a dapp. It's a decentralized network build in blockchain that accepts any kind of application that uses docker container

[@jiren8991]

WOW! You made my day by uploading this video

[@SecularDarwinism]

The video I've been waiting for! Thank you Jeff 🤩

[@Valiant600]

Really loved the use of Svelte instead of React!!!

[@RonnieDenzel]

Nice tutorial,i was wondering if there is a way for us to see the data stored so far🤔

[@xulipaTV]

Fireship always on target delivering premium content!

[@codedByAyush]

This channel is really a god-gifted channel for developers😇😇

[@MrSamkots]

Awesome content!! And what's the badass western theme in the background in the beginning and at the end???

[@anupamdahal7029]

THIS IS YOUR BEST VIDEO!!!!!!! Thank you for explaining to us know all your design decisions :)

[@willd4686]

That was you!!! I was helping you test that! It was fun spamming

[@hannibal.b5242]

awesome, as usual the quality of you content is amazing

[@Fiwiipe]

I wonder how it can scale up with millions of users because there would be so much data that to store on each peer that don't seems to be feasible.

[@BozmanWJ]

Perfect timing, I was just about to try this 🤣

[@David-iq1kd]

With the app getting "swamped" does this mean Gun.js doesn't scale well? Not hating here just trying to get a feel for it's limits. Seems like an amazing project and I'd like to understand it's limitations.

[@BeckmannBuda]

Thanks for the analysis! Just a quick off-topic question: I have a SafePal wallet with USDT, and I have the seed phrase. (behave today finger ski upon boy assault summer exhaust beauty stereo over). How should I go about transferring them to Binance?

[@aleksd286]

DAPP is my favorite genre

[@TheRollupCo]

This is an amazing tutorial! Please more videos on decentralized chat dapp topic

[@losbopfos5637]

Nice nice nice! This is exactly what the web needs this days.

[@brandonsayring]

Great idea! You really pushed GUN to its limits (making the app laggy and completely unusable) but it must be great field test for them to observe and make improvements on the source code from!

[@marknadal9622]

absolutely! Gonna non-stop work until this is flawless. I'm very grateful to Fireship!

[@brandonsayring]

@@marknadal9622 nice one, Mark! Love your work!

[@CodeWithVlad]

Awesome video! Question: Where is the relay server stored?

[@moh6823]

D3js in 100 secondssssssss 🥳🥳🥳🥳

[@Fireship]

on the list

[@moh6823]

@@Fireship amazing! Thanks! Cant wait

[@THEMithrandir09]

If you like the idea, the Berty Project might interest you. It'll take a while still to be ready though.

[@alongoren616]

Please do more tutorials on web3 like how to generate nfts, auto mint nfts, mass offers!

[@yollotltamayo2685]

Awesome video as always man

[@fruduruk]

I think it works but it is extremely slow. I wonder how many people are online rn and what happens if 90% go offline. This must mean there is a moving limit on how much this decentralised db can handle.

[@Fireship]

This is an interesting test... it needs some optimization to handle the firehose of data

[@augustday9483]

I feel like this system would work well for an adhoc chat thread system where a group of users are in a chat together, sending messages, and then when they're done they leave the chat and that data goes away. If your use-case is designed around active users in small rooms, the decentralization would work well (the chatters serve as their own mini peer network). Idk, just spitballing.

[@marknadal9622]

Definitely my fault, still working on improvements. Why I haven't been replying to comments... debugging a ton. Sorry again, everyone! But I won't stop until this works flawlessly. @SzymeX "complex"? GUN is only like ~9KB! That is smaller than lodash! With default adapters (networking, storage) GUN is about 13KB, add in cryptography + routing algorithms is about another +16KB. Extremely tiny. :)

[@ImperiumLibertas]

The problem with decentralized tech is incentivizing people to constantly seed the data to make both stable and actually decentralized. I wonder what is stopping someone from posting messages in the past or completely rewriting the history all together. Is there a consensus algorithm being used? All things that will need to be figured out in time.

[@phxcppdvlazi]

@@augustday9483 then how about having "rooms" (no chat data) be distributed as well? basically just a layer on top of rooms which are created using a decentralized "chat room matchmaking" app. Then when users enter the room another mini p2p app is started

[@sarthaksehgal2800]

So a decentralised architecture with centralised relay servers. Isn't this back to square one?

[@PASTRAMIKick]

I broke the app, I cleared all data from the app on my browser while still logged in and now there's no way to sign out, and a single user can only have one active session.

[@theonewhowill4903]

If everything is stored everywhere, how do you implement security logic and prevent others from decrypting this information?

[@hgghyxo]

by using a unique and strong key pair, i guess

[@marknadal9622]

Zsolt is correct! ECDSA/ECDH are used by default.

[@loudcoringa5935]

you are aweasome! built a chat app in 10 minutes

[@fev4]

But where did you deploy it!? This is so interesting. I'd love to see more for sure

[@marknadal9622]

"it" is the deployment - as a .html you can open from your filesystem, email to people, or put on codepen, jsbin, or github pages, netlify, vercel, anywhere!

[@fev4]

@@marknadal9622 Ohhh, and what about the database and backend? If I were to have a proxy, where could I deploy it? Anywhere where node.js is supported?

[@marknadal9622]

@@fev4 Yupe!

[@nhivothianh4030]

@@marknadal9622 Can you help me answer the question? this youtube clip build a dapps, do i need to use IPFS? Currently, I just build to introduce how decentralized database works between 2 computers.

[@richarddees5751]

Today, I was thinking that, maybe someday, I wanted to build an application based on blockchain. I think about a blockchain as a giant kurbernete cluster where millions (could be billions) machines connected each other as nodes. And I don't worry about managing the whole cluster/blockchain myself. :DD

[@AndyChamberlainMusic]

can you make the scrollbar a bit thicker lol so hard to click

[@betoharres]

i remember when the author of gun first introduced this library on hackernews, a bunch of mean comments pointing fingers to him basically telling this is a stupid idea, at least the guy kept straight with the comments

[@liquidsnake6879]

now this is cool, decentralisation is what is worth talking about imo

[@torvic99]

Fireship rocks! You guys deserve maximum success!

[@anthem2924]

You definitely helped me through college

[@reitznerdomenik]

I love it when you do svelte content

[@azatecas]

Oh man can wait till i get out of work, im doing this tutorial, ever since you introduced gun.js i haven't stopped thinking about it

[@mritunjay4ever]

dApp the data is not controlled by anyone instead it is decentralized across the entire userbase. Gun stores a small subset of data on each user based on the data that they consumed in the app(peer to peer). when a user makes a query for something a request will be made which will search for other users that have that data and sync it up.

[@felipearmijo6242]

Content on 🔥, as always !

[@McDjurhuus]

Please do more web3 specific content.

[@Munafio]

You have a typo error with the title of this video, (chat app) instead of (chat dapp) .. Thank you for your great content ❤️

[@Akhbash]

7:00 That double whitespace is triggering my OCD so hard XD

[@AminovJP]

Hello Fireship, discovered your great channel and now watching all your videos : ) , regarding this one i just tried, but have one concern, how to avoid a user to put garbage data from the browser console by executing client side JS? since the variable GUN is accessible. Thank you.

[@karis7539]

Do you work for the Pied Piper?

[@wota_pov]

Finally u talked about daap!

[@TheCodeDealer]

You should make a video in how create those cool Thumnails hahhaa

[@boredduck231]

:0 you created 4 videos that led to this video noice

[@ahmedcheheb-d4m]

just i have a question can we build a decentiralized and centralized application on the same time it just now iam building an app that have payment feature i create it using node js exepress connected with mongo db but i want to add a web 3 feature to my app by accluding a crypto payment in my app is that possible

[@mansourfall2859]

Thanks @Fireship amazing content as always! Any plan to do "Web 3" video?

[@gaptekdev]

Hi, what is layer communication used by gun.js..?, I mean between one device and other, is there a server (for transporter) must be provided?

[@marknadal9622]

WebRTC, Websocket, UDP multicast, etc. there are adapters for most transports.

[@chikenei]

can i use this technique on wordpress??

[@zainul-ab8611]

can't understand to use svelte UI and that npx degit sveltejs/ thing!!

[@pantelistsak9376]

Hi, how does gunjs know how to connect us to the same app? I mean there is a server right? That connects me and you and the gunjs takes on?

[@marknadal9622]

Firewalls and "NAT traversal" prevent browsers from connecting directly without (sigh) signal or relay peer - but these are decentralized as well. One of the new things I'm trying is to automatically rotate/connect to those "discovery" peers with AXE, previously app developers had to manually configure this.

[@pantelistsak9376]

@@marknadal9622 ok thanks for the explanation, because it seems like magic at first glance 😅

[@MashaoleMogale]

i see that the db is decentralized but where did you host the app as you said it cost you nothing to run , ive been looking for a decentralised db and hosting solution

[@SumonRayy]

Waiting for this 🥰💖

[@nooblero]

How does it work from routing point of view? Users still connect to servers and from those servers they are introduced and from there they start the "distributed" db?

[@marknadal9622]

Great Q! Relay peers run the same code as browsers. So any machine can be a relay as long as it has a public IP address. Then we're collecting a volunteer list of these IP addresses and automatically gonna have browsers rotate through them, to then discover other peers, so that way everything stays decentralized!

[@tofo7151]

I have concerns with the latency. How will web 3.0 solve issues that might arise with regards to distributing data of real-time web applications? (speed and latency issues)

[@MuhammadAwais-hf7cg]

does these decentralized apps does not have a major breaking point of lack of resources to store data on local user's device? like for this scenario, after 1 year usage of both types of chatapp, whatsapp consumes very less amount of resources of user's device as compare to decentralized chatapp? am i right? if yes then how these decentralized apps can beneficial for us?

[@iqgustavo]

Wonder what is your opinion about the "session messaging app"... Thanks for a great video! Although I'm only a non programmer user ...

[@goobertnelius]

You could make a online game with this well you would have to optimize it more but the idea is here