Slack Application Clone

A clone for slack application with following features ✔️

• 💡 Authentication
• 💡 Channel Creation
• 💡 User Panel
• 💡 Direct Message
• 💡 Track of Online / Offline users
• 💡 Meta panel for channel details
• 💡 Chat area to chat in channels as well as with other users
• 💡 Avatars / Update avatars
• 💡 Image uploading in chat
• 💡 Emojies
• 💡 Notifications for unseen messages
• 💡 Top posters of one group
• 💡 Favorite channels
• 💡 Search in the chat
• 💡 Indicators when the other peron is typing.

Upcomming features ✔️

• Mobile responsive layout

Online Demo: Click Here

How to setup ?

Step 01

git clone https://github.com/rehan-sattar/slack-clone-react

Step 02

npm install

or

yarn install

Step 03

Create an env.local file, add your firebase credentials like this

REACT_APP_apiKey=[API_KEY_HERE]
REACT_APP_authDomain=[AUTH_DOMAIN]
REACT_APP_databaseURL=[DATABASE_URL]
REACT_APP_projectId=[PROJECT_ID]
REACT_APP_storageBucket=[STORAGE_BUCKET_ID]
REACT_APP_messagingSenderId=[MESSAGE_SENDER_ID]
REACT_APP_appId=[APP_ID]
REACT_APP_measurementId=[MEASUREMENT_ID]

📣 NOTE : You have to create your own firebase project in firebase console and you will get the credentials from there.

Step 04

npm start

or

yarn start

Want to contribute?

These are the things you can do in this project

• ⚡ Refactoring
• ⚡ Better flow for operations
• ⚡ Add more features
• ⚡ Testing
• ⚡ Documentation
• ⚡ Issues

⭐ Thank you so much! Don't forget to put a star if you loved this project ⭐