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 :)