Slack-Clone
Slack-Clone copied to clipboard
Slack clone using React, MaterialUI with google-authentication & firestore database for a real-time chat across multiple channels.
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
- Built With
- Getting Started
- Prerequisites
- Installation
- Usage
- Roadmap
- Contributing
- License
- Contact
- Acknowledgements
About The Project
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
Slack Clone
Installation
- Clone the repo
git clone https://github.com/abhishekpatel946/Slack-Clone.git
- Go to the Slack-Clone
cd Slack-Clone
- Run the slack-clone in localhost
npm start
Usage

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.
- Fork the Project
- Create your Feature Branch (
git checkout -b feature/AmazingFeature) - Commit your Changes (
git commit -m 'Add some AmazingFeature') - Push to the Branch (
git push origin feature/AmazingFeature) - Open a Pull Request
License
Distributed under the MIT License. See LICENSE for more information.
Contact
Project Link: https://github.com/abhishekpatel946/Slack-Clone