✈️ Overview

This repository showcases a demo of a real-time data grid that allows multiple users to collaborate and work on the same grid simultaneously. The example is built using React.js, Ag-grid, Tailwind, and HeroIcons.

By integrating Ably's real-time messaging technology, this example provides a reliable and scalable communication infrastructure, making it possible for multiple users to collaborate seamlessly in real-time.

If you want to see how it works, you can try out the live demo of the collaborative data grid. Simply open the link and start interacting with the grid to see how multiple users can work together on the same grid.

This example is a great starting point for anyone who wants to build their own collaborative data grid, and Ably's real-time messaging technology can be used to create other real-time features in your applications. To learn more, check out Ably's other real-time examples and discover how you can build real-time features into your applications with ease.

To see what else is possible with Ably, check out our other realtime examples.

🏃 Runtime Requirements

• Node.js
• Ably API Key
• Yarn (optional)

⚙️ Running locally

• Fork or clone the Examples Repo.
• Sign up for an account on Ably and get an API KEY.
• Rename .env.example to .env and fill in your API key in the VITE_ABLY_KEY environment variable.
• Run yarn or npm install to install dependencies.
• Run yarn dev or npm run dev and go to http://localhost:5173/

🔗 References

• Ably real-time examples
• Ag grid
• Ably SDKs

🙌🏽 Credits:

This would not be possible without the fantastic Ably and Ag grid documentations and the well explained examples from Ably-labs!