A chat application using PubNub and React

by React

PubNub Team Chat

The team chat app demonstrates how to build a feature-rich chat and team collaboration application using PubNub Chat. Learn how to manage users, join chat rooms, and send messages with PubNub. Learn how to build advanced features like profanity filtering, gifs, and link previews. You can download the project to run on your local machine, and explore the code to see how we built it.

Check out the Team Chat Tutorial.

The application demonstrates how to build a chat application using:

  • PubNub
  • TypeScript
  • React
  • Redux

Requirements

Running the project

  1. Clone the GitHub repository.

    git clone https://github.com/pubnub/typescript-ref-app-team-chat.git

  2. Install the project.

    cd typescript-ref-app-team-chat
npm install

  3. Start the project. You’ll be asked to enter your chat app keys from the PubNub Dashboard. Note that Objects should be enabled and a region should be selected on the key.

    npm start

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

Further Information

For more information, head over to Team Chat Tutorial and get started building chat today.

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

GitHub

View Github