https://github.com/pubnub/typescript-ref-app-team-chat
Team Chat Reference Application for PubNub Chat With React, Redux and TypeScript
https://github.com/pubnub/typescript-ref-app-team-chat
chat chat-application react react-chat redux typescript
Last synced: 4 months ago
JSON representation
Team Chat Reference Application for PubNub Chat With React, Redux and TypeScript
- Host: GitHub
- URL: https://github.com/pubnub/typescript-ref-app-team-chat
- Owner: pubnub
- Created: 2019-09-27T03:58:08.000Z (over 6 years ago)
- Default Branch: master
- Last Pushed: 2023-01-24T06:18:50.000Z (about 3 years ago)
- Last Synced: 2024-04-14T22:49:37.197Z (almost 2 years ago)
- Topics: chat, chat-application, react, react-chat, redux, typescript
- Language: TypeScript
- Homepage: https://www.pubnub.com/use-case/in-app-chat/
- Size: 9.39 MB
- Stars: 96
- Watchers: 20
- Forks: 39
- Open Issues: 35
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# PubNub Team Chat
[](https://travis-ci.com/pubnub/typescript-ref-app-team-chat)
The team chat app demonstrates how to build a feature-rich chat and team collaboration application using [PubNub Chat](https://www.pubnub.com/docs/chat/quickstart). 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](https://pubnub.github.io/typescript-ref-app-team-chat/docs/introduction).
The application demonstrates how to build a chat application using:
- PubNub
- TypeScript
- React
- Redux
## Requirements
- [Node.js](https://nodejs.org/en/)
- [PubNub Account](https://dashboard.pubnub.com/)
## Running the project
1. Clone the GitHub repository.
```bash
git clone https://github.com/pubnub/typescript-ref-app-team-chat.git
```
1. Install the project.
```bash
cd typescript-ref-app-team-chat
npm install
```
1. Start the project. You'll be asked to enter your chat app keys from the [PubNub Dashboard](https://dashboard.pubnub.com/). Note that Objects should be enabled and a region should be selected on the key.
```bash
npm start
```
A web browser should automatically open [http://localhost:3000](http://localhost:3000), and you can explore your very own Team Chat app!
## Further Information
For more information, head over to [Team Chat Tutorial](https://pubnub.github.io/typescript-ref-app-team-chat/docs/introduction) and get started building chat today.
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app). Special thanks to Martin Lagrange, Elvis Wolcott, and Mark Erikson.