Chatify (https://chatify-2-7b036.web.app/)

`Introduction`

Chatify is a slack based chat application. You can make your channels/workspaces and can connect with your friends easily.

`Features`

💡 Authentication

💡 Create different channels/workspaces

💡 Image uploading in chat

💡 Emojis

💡 Users can easily change the app themes according to their preferences

💡 Feature of sending direct(private) messages to users.

💡 Track of online/offline users.

`Tech-Stack`

React JS
Firebase

`Installation`

Step - 1

git clone https://github.com/aviraltandon21/Chatify.git

Step - 2

npm install

Step - 3

Create an firebase.js file in src folder and add following firebase credentials

  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: ""

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

Step - 4

npm start

`Preview-Images`

Chat Screen

Change themes

Different themes

`Upcoming-Features`

💡 Notifications for unseen messages.

💡 Search bar for channel for searching the messages.

💡 Feature of adding favorite channels.

💡 Indicator when other user is typing.

💡 Feature for changing the profile picture ( for user )

💡 Profile page for user where he/she can update his/her perosnal details ( status , email address, etc )

`Contribution`

There are many ways you can contribute.

⚡ Refactoring

⚡ Improving Responsive layout

⚡ Better flow of operations

⚡ Add more features ( specified above in - Upcoming Features )

⚡ Finding bug or issues

Feel free to send a pull request.

`Contact`

For any issues feel free to contact me

⭐ Thankyou so much !
Dont forget to star ⭐ the project if you loved it. ⭐

aviraltandon21/Chatify

Chatify (https://chatify-2-7b036.web.app/)

Section Links

Introduction

Features

Tech-Stack

Installation