• 💡 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.

• Mobile responsive layout

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

npm install

or

yarn install

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.

npm start

or

yarn start

These are the things you can do in this project

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