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

• realtime-whiteboard-app

  1 4 8.5 TypeScript

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

  Refer to this component while reading the below section.

• InfluxDB

  www.influxdata.com featured

  Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

  

• nanoid

  85 24,315 8.3 JavaScript

  A tiny (124 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.

• FirebaseRTC

  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.

• realtime

  57 6,695 9.2 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:

• supabase

  810 71,414 10.0 TypeScript

  The open source Firebase alternative. 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.

• React

  1,793 227,305 10.0 JavaScript

  The library for web and native user interfaces.

  

  Typescript

Suggest a related project