- 💡 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
Online Demo: Click Here
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