Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/reekrajroy/chat-app

Chatting Application
https://github.com/reekrajroy/chat-app

axios react-chat-engine reactjs

Last synced: 18 days ago
JSON representation

Chatting Application

Awesome Lists containing this project

README

        

# Fullstack chatting application with User Authentication using Chat Engine

This is a chatting application built using Reactjs. @ant-design, axios and react-chat-engine were some of the dependencies that were used. User can create multiple chat rooms, get sound notification, send text, images, emojis, add users, change admin and a lot more. The backend has been made using [chat engine](https://chatengine.io/) which provides user and admin privileges


![Screencast from 03-10-21 03_34_44 AM IST](https://user-images.githubusercontent.com/55712612/135733112-033dac7e-12e0-496a-8385-4d8583120d53.gif)


A particular user can be made admin from the chat engine dashboard. This admin can create accounts for other users, who can login with the credentials provided to them and start chatting in a room.


![Screencast from 03-10-21 03_37_54 AM IST](https://user-images.githubusercontent.com/55712612/135733118-d92341aa-0b8b-4694-94aa-a64e4c727453.gif)


Any user can make a new chat room and add other users directly by their username.

# To run the project locally:

### `npm start`

Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

Create an account in [chat engine](https://chatengine.io/), make profiles for users, copy project id, move to Chat-App/src/App.js line number 25 and paste.

Run `npm start` and the app opens up in browser.

### `npm build`

To build a production ready application.

The project is deployed here: [test](https://roy-chat-app.netlify.app/). Contact for getting username and password.

That's all. You are all set to start your conversation 💯💯

If you like my work do consider dropping a ⭐️ :)

Made with 💙️ in India