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