Chat web application

👆 Click here for live demo 💻

---

Description

Chat web app using React as frontend and Firebase as backend

Chat Web App Desktop View - a live demo

This chat web application is created using ReactJs library as frontend and Firebase services as backend. In this web app many people can chat in real time in different chat rooms at the same time. You can login using google or facebook. You can create new chat rooms, add and remove people as admin from rooms, Send Text, Pictures, Videos, Audio, PDF file, Zip file or any other files. You can also record your voice whithin the app and send it. Also you can see pictures and listen audio message whithin the app.

---

Technologies used

• ReactJs

• Firebase

---

App Features

• Login using Google, Facebook and as Guest.

• Chat to many people in real time.

• Create new rooms.

• Add people and remove them as admin from rooms.

• See other user online or offline status.

• Send picture, videos and audio files.

• Send Pdf, doc, zip, or ant other files of upto 5MB.

• Record audio whithin the app and send it.

• See pictures and listen audio messages whithin the app.

• Like and unlike messages and also delete the messages.

---

Web App Installation Instructions

• Clone chat-app-react

• Go to project directory

git clone https://github.com/abhisheksharma1310/chat-app-react.git
cd chat-app-react/

• Install all packages

• Run webapp

npm install
npm run start

• For build package

npm build