Mastering Real-Time Collaboration: Building Figma and Miro-Inspired Features with Supabase

1. realtime-whiteboard-app

   1 1 8 8.5 TypeScript

   Whiteboard app inspired from Figma and Miro build with Supabase + ReactJs

   

   Refer to this component while reading the below section.

2. SaaSHub

   www.saashub.com featured

   SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

   

3. nanoid

   2 90 26,821 8.1 JavaScript

   A tiny (118 bytes), secure, URL-friendly, unique string ID generator for JavaScript

   

   CURRENT_CLIENT_ID is the random unique string Id generated by nanoid that gets generated whenever the client is opened on the brower’s tab.

4. FirebaseRTC

   3 60 476 0.0 JavaScript

   Discontinued Codelab for building a WebRTC Video chat application using Firebase Cloudstore.

   

   So before we dive into the implementation, I would like to share a few things about this project(my personal exp.). During this project I studying a ton about webRTC. I started studying webRTC from scratch, like what is webRTC? how is the connection formed? how the data transfer takes place.

5. realtime

   4 62 7,579 9.6 Elixir

   Broadcast, Presence, and Postgres Changes via WebSockets

   

   So this cool low-code no-code platform provides a realtime feature that lets you do a bunch of stuffs:

6. supabase

   5 978 104,082 10.0 TypeScript

   The Postgres development platform. Supabase gives you a dedicated Postgres database to build your web, mobile, and AI applications.

   

   Supabase is a backend as a service visual platform that allows you to create postgres DB with minimum code. Their documentation is so good that it feels like home and you can get your project online in no matter of time.

7. React

   6 2,054 245,808 9.8 JavaScript

   Discontinued The library for web and native user interfaces. [Moved to: https://github.com/react/react] (by facebook)

   

   Typescript

Suggest a related project