Skip to content

Latest commit

 

History

History
38 lines (35 loc) · 2.29 KB

README.md

File metadata and controls

38 lines (35 loc) · 2.29 KB

Slack-clone

Screenshot from 2020-11-30 13-42-42


About

It is a clone of widely used Slack application which can send message in real time. I have primarily used ReactJS and Firebase for this project. This application actually retains all the messages in firestore database which allows user to keep track of their previous conversations. This applications also allows users to communicate in real time.


Technology Used

React.JS
Google User Authentication(Firebase)
React Context API (Redux)
Material UI(icons + Make Beautiful apps)
CSS variables
Flexbox
Deploy it with Firebase
Real-time database(Firebase)
React Router


Features

  1. Google Authentication - With the help of firebase authentication functionality, users can use their google accounts to sign in ths applcation.
    Screenshot from 2020-11-30 13-41-11

  2. Real-time chatting - This application stores user chat on firestore database with their userid as keys so that we can show previous messages of the user whenever he/she demands it.
    Screenshot from 2020-11-30 13-42-51

  3. ADD new Channels - This applications allow you to create new channels. For example:- Let us create a leetcode channel. Screenshot from 2020-11-30 13-43-16
    look at the channel section
    Screenshot from 2020-11-30 13-43-20


How to use this repository?

You can understand the functioning by looking at all the js code available in the repository. I intentionally didn't include files like firestore.js that included my firebase access key and files like that.


Working Demo

Just click on the link provided, authenticate your google account and you can use this application(for test only).