stream-spaces

stream-spaces is a Gmail Spaces Clone built with Stream and the React SDK.

Quick Links

Register to get an API key for your Stream App
React Chat SDK
React Chat Tutorial

What is Stream?

Stream allows developers to rapidly deploy scalable feeds and chat messaging with an industry-leading 99.999% uptime SLA guarantee. With Stream’s chat components, developers can quickly add chat to their app for a variety of use-cases:

Livestreams like Twitch or Youtube
In-Game chat like Overwatch or Fortnite
Team style chat like Slack
Messaging style chat like Whatsapp or Facebook’s messenger
Commerce chat like Drift or Intercom

Repo Overview 😎

This repo contains for source code for the How to Code a Gmail Spaces Clone with React tutorial article on Stream's blog.

Supported functionalities in this clone include:

Sign in using different user accounts
Creating new spaces with add members functionality
Navigating chat spaces with the URL
Browsing spaces
Pinning spaces
Joining/Leaving spaces

Requirements 🛠

Register and create a Stream app (you can call stream-spaces or whatever you want)
Install Node v16.13.1 (16.13.1 is the version used for this project)

Steps to Run Locally 🧑‍💻👩‍💻

Clone this repo:

git clone https://github.com/dillionmegida/stream-spaces

Install dependencies:
```
npm install
## or
yarn
```
Add the API key of your Stream app to src/views/SpacesPage, line 13
Start server:
```
npm run start
```

Your Gmail Spaces clone will be live on localhost:3000 and you can begin experimenting the functionalities or adding yours 😁

Kindly leave a star on the React Chat SDK if you enjoyed the result of the tutorial :)