DEV Community

Jeremy Kahn
Jeremy Kahn

Posted on

Adding a chat room to any app with one line of code

I just added a new feature to Chitchatter that I'm really excited about!

If you haven't seen it before, Chitchatter is an open source web app that instantly enables private, anonymous communication between people. Once connected you can easily chat, share audio and video, and transfer files. All communication is encrypted and peer-to-peer.

The feature I just added is chat room embedding. Much like a YouTube video, you can now embed a Chitchatter room into any web app. Here's a demo of an embedded Chitchatter room being loaded via CodePen:

To create your own embedded chat room: Go to https://chitchatter.im/, enter a room name (or use the unique default), and click "Get embed code." Copy and paste the presented code snippet into your HTML code and you're done.

That's it! Happy chatting. 🙂

Top comments (14)

Collapse
 
artydev profile image
artydev

Great, thank you :-)

Collapse
 
g4u profile image
G4U

This helped so much, and will contribute a lot towards the future of G4U. 67.2K views and 18K people needing a chatting platform, I hope it can hold that many people on our website and I hope it doesn't crash the website as it did before!

-G4U owner

G4U (games for you) official account for dev.to
current users: 67.2k
current online: 29.7k
current logged-in users: 52.6k

Collapse
 
jeremyckahn profile image
Jeremy Kahn

Oh awesome! I see the embed on your site. Thanks for using Chitchatter!

The app should scale well because it's primarily a client-side system. So, it's pretty light on server resources. 🙂

Collapse
 
maximprogramerxx profile image
Maximprogramerxx

Great post

Collapse
 
cantillojo54982 profile image
Joiner David Cantillo Camargo

Thanks

Collapse
 
spyda247 profile image
Babajide Ibiayo

Thanks for this. 💯

Collapse
 
steffqing profile image
Steve Tomi

Best thing I've seen in a long time 😂
Thanks for this

Collapse
 
jeremyckahn profile image
Jeremy Kahn

Thanks for the kind words, Steve!

Collapse
 
phillystafford profile image
Philly Stafford

Well done mate 👌 that's awesome. I'm trying to think of cool projects to use it in now

Collapse
 
jeremyckahn profile image
Jeremy Kahn

Awesome! Let me know how it goes for you. 🙂

Collapse
 
jordantylerburchett profile image
Jordan Tyler Burchett

Wow this is an awesome project, look forward to seeing more of it in the future 😁

Collapse
 
jeremyckahn profile image
Jeremy Kahn

Thanks Jordan! I have big plans for it. :)

Some comments may only be visible to logged-in visitors. Sign in to view all comments.