<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>WebRTC on Omid Farhang</title><link>https://omid.dev/tags/webrtc/</link><description>Recent content in WebRTC on Omid Farhang</description><image><title>Omid Farhang</title><url>https://omid.dev/images/bio-photo-150x150.jpg</url><link>https://omid.dev/images/bio-photo-150x150.jpg</link></image><generator>Hugo -- 0.161.1</generator><language>en-US</language><copyright>2026 Omid Farhang | All rights reserved.</copyright><lastBuildDate>Mon, 24 Jun 2024 02:03:44 +0330</lastBuildDate><atom:link href="https://omid.dev/tags/webrtc/index.xml" rel="self" type="application/rss+xml"/><item><title>Building a Real-Time Collaborative Editor with Angular, Firebase, and WebRTC: A Step-by-Step Guide</title><link>https://omid.dev/2024/06/24/realtime-collaborative-editor-with-angular-firebase-webrtc/</link><pubDate>Mon, 24 Jun 2024 02:03:44 +0330</pubDate><guid>https://omid.dev/2024/06/24/realtime-collaborative-editor-with-angular-firebase-webrtc/</guid><description>&lt;p&gt;Creating a real-time collaborative text editor can be a challenging but rewarding project. In this guide, we&amp;rsquo;ll walk you through the process of building a real-time collaborative editor using Angular, Firebase, and WebRTC. By the end of this tutorial, you’ll have a working understanding of these technologies and how to integrate them to create a seamless, real-time collaborative experience.&lt;/p&gt;
&lt;aside class="companion-card"&gt;
&lt;span class="companion-card__icon" aria-hidden="true"&gt;
&lt;i class="fa-solid fa-cubes-stacked"&gt;&lt;/i&gt;
&lt;/span&gt;
&lt;span class="companion-card__content"&gt;
&lt;span class="companion-card__eyebrow"&gt;Companion resource&lt;/span&gt;
&lt;strong class="companion-card__title"&gt;Companion Project&lt;/strong&gt;
&lt;span class="companion-card__description"&gt;Explore the complete working example on GitHub.&lt;/span&gt;
&lt;code class="companion-card__path"&gt;github.com/omidfarhang/example-projects/angular-collaborative-editor-firebase-webrtc&lt;/code&gt;
&lt;/span&gt;
&lt;span class="companion-card__actions"&gt;
&lt;a class="companion-card__button companion-card__button--primary" href="https://github.com/omidfarhang/example-projects/tree/master/angular-collaborative-editor-firebase-webrtc" target="_blank" rel="noopener noreferrer"&gt;
&lt;i class="fa-brands fa-github" aria-hidden="true"&gt;&lt;/i&gt;
View on GitHub
&lt;/a&gt;
&lt;/span&gt;
&lt;/aside&gt;
&lt;h2 id="introduction"&gt;Introduction&lt;/h2&gt;
&lt;p&gt;Real-time collaborative applications are increasingly popular in today&amp;rsquo;s digital world. They allow multiple users to work on the same document simultaneously, seeing each other&amp;rsquo;s changes in real time. Google Docs is a prime example of such an application. In this tutorial, we will build a similar application using modern web technologies.&lt;/p&gt;</description></item></channel></rss>