Skip to content
Team Chat Reference Application for PubNub Chat With React, Redux and TypeScript
TypeScript JavaScript HTML
Branch: master
Clone or download
Latest commit a739896 Nov 20, 2019
Type Name Latest commit message Commit time
Failed to load latest commit information.
public Releasing v0.3.0. Oct 30, 2019
setup Releasing v0.5.2. Nov 13, 2019
src Releasing v0.5.3. Nov 21, 2019
.gitignore Releasing v0.4.0. Nov 8, 2019
.travis.yml Releasing v0.4.0. Nov 8, 2019
LICENSE Releasing v0.3.0. Oct 30, 2019 Releasing v0.5.3. Nov 21, 2019
package.json Releasing v0.5.3. Nov 21, 2019
team-chat-preview.png Releasing v0.4.2. Nov 12, 2019
tsconfig.json Releasing v0.3.0. Oct 30, 2019

PubNub Team Chat

Build Status

This repository contains the code for the Team Chat web reference application hosted on the PubNub Chat Docs Page. You can download the project to run on your local machine, and explore the code to see how we built it.

alt text

The application demonstrates how to build a chat application using:

  • PubNub
  • TypeScript
  • React
  • Redux


PubNub Account

To run this application you must obtain publish and subscribe keys from your PubNub Account. If you don't already have an account, you can create one for free.

  1. Sign in to your PubNub Dashboard.

  2. Click Create New App.

  3. Give your app a name, and select Chat App as the app type.

  4. Select a region to store your user data (e.g. Portland).

  5. Click Create.

  6. Click your new app to open its settings, then click its keyset.

  7. Locate the Publish and Subscribe keys. You'll need these keys to include in this project.

Running the project

  1. Clone the GitHub repository.

    git clone
  2. Install the project.

    cd typescript-ref-app-team-chat
    npm install
  3. Run the project in your local environment. If you are running the app for the first time, enter your PubNub keys to begin populating sample data.

    npm start

    A web browser should automatically open http://localhost:3000, and you can explore your very own Team Chat app!

Further Information

Visit the PubNub Chat Docs page for more information about how to use the React and Redux SDKs to add in-app chat to your applications.

This project was bootstrapped with Create React App. Special thanks to Martin Lagrange, Elvis Wolcott, and Mark Erikson.

You can’t perform that action at this time.