https://github.com/kpwithcode/havenchatapp
Simple Chat App Using Chatkit
https://github.com/kpwithcode/havenchatapp
Last synced: 8 days ago
JSON representation
Simple Chat App Using Chatkit
- Host: GitHub
- URL: https://github.com/kpwithcode/havenchatapp
- Owner: KPWithCode
- Created: 2019-05-23T02:30:59.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T02:10:52.000Z (over 3 years ago)
- Last Synced: 2025-02-28T16:07:27.861Z (over 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 4.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 23
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Build a Slack Clone with React and Pusher Chatkit
[![Star on GitHub][github-star-badge]][github-star]
[github-star-badge]: https://img.shields.io/github/stars/pusher/build-a-slack-clone-with-react-and-pusher-chatkit.svg?style=social
[github-star]: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit/stargazers
In this tutorial, you’ll learn how to build a chat app with React and [Chatkit](https://pusher.com/chatkit?utm_source=github&utm_campaign=build-a-slack-clone-with-react-and-pusher-chatkit).
When we're done, we'll have a chat application complete with **typing indicators**, a **"who's online" list**, and **message history**:

If you think this sounds like a lot to tackle in one tutorial, you'd normally be right!
However, because we'll be using [Chatkit](https://pusher.com/chatkit?utm_source=github&utm_campaign=build-a-slack-clone-with-react-and-pusher-chatkit), we can more or less focus exclusively on the front-end React code while Chatkit does the heavy lifting.
## What is Chatkit?
[Chatkit](https://pusher.com/chatkit?utm_source=github&utm_campaign=build-a-slack-clone-with-react-and-pusher-chatkit) is a hosted API that helps you build impressive chat features into your applications with less code. Features like,
Using our cross-platform SDKs, all chat data is sent to our hosted API where we manage chat state and broadcast it to your clients:
# HavenChatApp
# havenchatter