{"id":19795280,"url":"https://github.com/kpwithcode/havenchatapp","last_synced_at":"2026-06-11T19:31:11.120Z","repository":{"id":43592761,"uuid":"188147362","full_name":"KPWithCode/HavenChatApp","owner":"KPWithCode","description":"Simple Chat App Using Chatkit","archived":false,"fork":false,"pushed_at":"2023-01-05T02:10:52.000Z","size":4892,"stargazers_count":0,"open_issues_count":23,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-28T16:07:27.861Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/KPWithCode.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2019-05-23T02:30:59.000Z","updated_at":"2019-06-05T05:08:22.000Z","dependencies_parsed_at":"2023-02-03T05:30:17.373Z","dependency_job_id":null,"html_url":"https://github.com/KPWithCode/HavenChatApp","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/KPWithCode/HavenChatApp","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KPWithCode%2FHavenChatApp","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KPWithCode%2FHavenChatApp/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KPWithCode%2FHavenChatApp/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KPWithCode%2FHavenChatApp/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/KPWithCode","download_url":"https://codeload.github.com/KPWithCode/HavenChatApp/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/KPWithCode%2FHavenChatApp/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34215253,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-11T02:00:06.485Z","response_time":57,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-12T07:15:55.778Z","updated_at":"2026-06-11T19:31:11.099Z","avatar_url":"https://github.com/KPWithCode.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\n# Build a Slack Clone with React and Pusher Chatkit\n\n[![Star on GitHub][github-star-badge]][github-star]\n\n[github-star-badge]: https://img.shields.io/github/stars/pusher/build-a-slack-clone-with-react-and-pusher-chatkit.svg?style=social\n[github-star]: https://github.com/pusher/build-a-slack-clone-with-react-and-pusher-chatkit/stargazers\n\nIn this tutorial, you’ll learn how to build a chat app with React and [Chatkit](https://pusher.com/chatkit?utm_source=github\u0026utm_campaign=build-a-slack-clone-with-react-and-pusher-chatkit).\n\nWhen we're done, we'll have a chat application complete with **typing indicators**, a **\"who's online\" list**, and **message history**:\n\n![](media/final-app.gif)\n\nIf you think this sounds like a lot to tackle in one tutorial, you'd normally be right!\n\nHowever, because we'll be using [Chatkit](https://pusher.com/chatkit?utm_source=github\u0026utm_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.\n\n## What is Chatkit?\n\n[Chatkit](https://pusher.com/chatkit?utm_source=github\u0026utm_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,\n\nUsing our cross-platform SDKs, all chat data is sent to our hosted API where we manage chat state and broadcast it to your clients:\n\n\n# HavenChatApp\n# havenchatter\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkpwithcode%2Fhavenchatapp","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkpwithcode%2Fhavenchatapp","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkpwithcode%2Fhavenchatapp/lists"}