Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/reekrajroy/chat-app
- Owner: REEKRAJROY
- License: mit
- Created: 2021-10-02T16:21:50.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-03-18T06:24:07.000Z (almost 3 years ago)
- Last Synced: 2024-11-06T03:48:04.771Z (2 months ago)
- Topics: axios, react-chat-engine, reactjs
- Language: JavaScript
- Homepage: https://roy-chat-app.netlify.app/
- Size: 284 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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