teamschat

An intensive chat application built with React and chatengine.io. With a user interface very similar to that of teams, you can create chat rooms, add and delete members, send messages, attachments and even dial in a video call. GitHub repo link: https://github.com/Ria700/teamschat
Check out the live demo: https://clonemsteamschat.herokuapp.com/

Developed using

• chatengine.io
• React
• Deployment: Heroku

Credentails to use the app(any):

Guest ID 1: username: guest1
password: 2444

Guest ID 2:
username: guest2
password: 2444

Guest ID 3:
username: guest3
password: 2444

Installation Guide

Make sure you have Node.js installed in your system. If not, download it from here.

Clone the following repo on your local system.

git clone https://github.com/Ria700/teamschat.git

Now to install all required node modules

npm i

Run Server

npm start

Open browser and goto http://localhost:3000/

Create chat rooms and catch with your friends.

Features

1. Chat with friends from anywhere around the globe
2. User Authentication
3. Create and delete chats
4. Add and delete members from chats
5. Shows online and offline status
6. Send attachments
7. Connected to video
8. UI similar to teams
9. Sound Notifications for sending and receing messages
10. Prompt for wrong credentials

User stories

How to use the app

1. Login using these credentials:

    Guest ID 1:
        username: guest1  
        password: 2444  

    Guest ID 2:  
        username: guest2  
        password: 2444  

    Guest ID 3:  
        username: guest3  
        password: 2444  

On entering the wrong credentials you will receive this message:

2. Create rooms, add and delete members.

3. Send messages, attachments and dial in a video call.