Simple chat example using React and Realtime Messaging
JavaScript HTML CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
.gitignore
LICENSE
README.md
package.json

README.md

Simple Chat example using React and Realtime Messaging

This example shows how to build a simple web chat using React and the Realtime Messaging platform.

In a nuthsell this example allows users to exchange messages with all the other users subscribing the chat room.

React is a JavaScript library for building user interfaces.

Realtime Messaging is a cloud based message broker, enabling developers to build cross-platform apps that require realtime communication between devices.

Getting your Free Realtime Messaging subscription

If you already have a Realtime Messaging subscription you can skip this step.

Click here to register for a Realtime account and subscribe the Realtime Messaging service using the Free plan.

You'll get a 6 alpha-numeric application key (aka appkey) and make note of it, you'll have to enter it in your app code when the connection to Realtime is established.

Running this example

Download or clone this repository and enter your Realtime Messaging application key in the src/App.js file (first parameter of the Realtime connect method).

Run the following commands in your terminal window to install the dependencies and start the chat in your default browser:

npm install
npm start

This project was bootstrapped with Create React App, so you'll need to have Node.js and NPM setup on your development environment.

Author

Realtime.co