aviraltandon21 / Chatify

A slack based chat application

Home Page:https://chatify-2-7b036.web.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Section Links


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. ⭐

About

A slack based chat application

https://chatify-2-7b036.web.app/


Languages

Language:JavaScript 92.1%Language:CSS 4.5%Language:HTML 3.4%