/Slack-Clone

Slack clone using React, MaterialUI with google-authentication & firestore database for a real-time chat across multiple channels.

Primary LanguageJavaScriptMIT LicenseMIT

Contributors Forks Stargazers Issues GitHub license


Logo

Slack Clone

Slack Clone README template to jumpstart your projects!
Explore the docs»

View Demo · Report Bug · Request Feature

Table of Contents

About The Project

Logo

Slack Clone

Description

  • Slack-Clone is a clone of a slack. Implemented using React and Firebase.
  • Behind the backend, I was used React-Firebase for authentication with Google-auth, and highly secure specially for non-authorized users.
  • And I have developed a channel section to add new channels and communicate through these channels.
  • I have used firestore to keep store all the messages spread among the channels or community.
  • And ofcourse our database will be safe under google-firebase security so no worries about securities.

Features

  • The channels or messages are stored in firestore database so quickly accessible via our app.
  • I was used react-router-dom for saving server-side loads or refreshing. this functionality improve the speed for redirect to one component to another without refreshing from server-side it makes life easier, save lots of time and fast to switch without loading or refreshing the whole page.
  • Our data will be in real-time, if any changes make happens in messages or channels then it will automatically changes in our app in real-time no need to refresh our page. the app will be responsive like if you used in Desktop or Mobile devices it render same thing.

Built With

This section should list any major frameworks that you built your project using. Leave any add-ons/plugins for the acknowledgements section. Here are a few examples.

Getting Started

This is an example of how you may give instructions on setting up your project locally. To get a local copy up and running follow these simple example steps.

Prerequisites

This is an example of how to list things you need to use the software and how to install them.

  • Clone
git clone https://github.com/abhishekpatel946/Slack-Clone.git
  • Link

Installation

  1. Clone the repo
git clone https://github.com/abhishekpatel946/Slack-Clone.git
  1. Go to the Slack-Clone
cd Slack-Clone
  1. Run the slack-clone in localhost
npm start

Usage

1! 2! 3! 4!

For more examples, please refer to the Documentation

Roadmap

See the open issues for a list of proposed features (and known issues).

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Project Link: https://github.com/abhishekpatel946/Slack-Clone

Acknowledgements