https://github.com/ably-labs/realtime-examples

Explore Ably's many possibilities. Here are a few short examples of realtime functionality you can build into your chat applications, collaborative tools and realtime monitoring solutions.
https://github.com/ably-labs/realtime-examples

ably activity-feeds avatar-stack chat-application emoji-reactions live-charts live-cursor multiplayer-game react realtime realtime-dashboard typing-indicator

Last synced: about 1 month ago
JSON representation

Explore Ably's many possibilities. Here are a few short examples of realtime functionality you can build into your chat applications, collaborative tools and realtime monitoring solutions.

• Host: GitHub
• URL: https://github.com/ably-labs/realtime-examples
• Owner: ably-labs
• License: apache-2.0
• Created: 2022-07-08T15:26:33.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-20T04:57:56.000Z (11 months ago)
• Last Synced: 2024-04-17T15:32:37.018Z (8 months ago)
• Topics: ably, activity-feeds, avatar-stack, chat-application, emoji-reactions, live-charts, live-cursor, multiplayer-game, react, realtime, realtime-dashboard, typing-indicator
• Language: TypeScript
• Homepage: https://ably.com/examples
• Size: 1.14 MB
• Stars: 21
• Watchers: 16
• Forks: 7
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
## ✈️ Overview

This repository contains examples on how to use Ably to build realtime features, like avatar stacks or live cursors.

You'll find them in the `examples` folder, together with instructions on how to run them.

To see what else is possible with Ably, check out our other [realtime examples](https://ably.com/examples?utm_source=ably-labs&utm_medium=github&utm_campaign=realtime-examples).

## 🏃 Requirements

- [Node.js](https://nodejs.org/en/)

- [Ably API Key](https://ably.com/sign-up?utm_source=ably-labs&utm_medium=github&utm_campaign=realtime-examples)

- [Yarn](https://yarnpkg.com/)

## ⚙️ Running all examples

You can also run a single app that shows all the examples:

- Fork or clone the [Examples Repo](https://github.com/ably-labs/realtime-examples).

- Sign up for an account on [Ably](https://ably.com/sign-up?utm_source=ably-labs&utm_medium=github&utm_campaign=realtime-examples) 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` to install dependencies.

- Run `yarn dev` and go to http://localhost:5173/

## 🤔 Support, feedback and troubleshooting

- [Create a GitHub Issue](https://github.com/ably-labs/realtime-examples/issues)

- [Join our Discord server](https://discord.gg/q89gDHZcBK)

- [Follow us on Twitter](https://twitter.com/ablyrealtime)

- [Use our SDKs](https://github.com/ably/)

- [Visit our website](https://ably.com?utm_source=ably-labs&utm_medium=github&utm_campaign=realtime-examples)

---

[![Ably logo](https://static.ably.dev/badge-black.svg?serverless-websockets-quest)](https://ably.com?utm_source=ably-labs&utm_medium=github&utm_campaign=realtime-examples)