https://github.com/kpwithcode/havenchatapp

Simple Chat App Using Chatkit
https://github.com/kpwithcode/havenchatapp

Last synced: 7 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 (over 5 years ago)
• Default Branch: master
• Last Pushed: 2023-01-05T02:10:52.000Z (almost 2 years ago)
• Last Synced: 2023-03-03T14:06:13.749Z (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**:

![](media/final-app.gif)

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