Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amkreta/chatapp
chat app using react and node
https://github.com/amkreta/chatapp
express javascript mongodb mongoose nodejs react redux styled-components webrtc websocket
Last synced: about 1 month ago
JSON representation
chat app using react and node
- Host: GitHub
- URL: https://github.com/amkreta/chatapp
- Owner: AmKreta
- License: mit
- Created: 2021-07-01T15:25:13.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2024-05-19T12:58:01.000Z (7 months ago)
- Last Synced: 2024-05-20T04:25:43.260Z (7 months ago)
- Topics: express, javascript, mongodb, mongoose, nodejs, react, redux, styled-components, webrtc, websocket
- Language: JavaScript
- Homepage: https://main--chat-application-net.netlify.app/
- Size: 17.4 MB
- Stars: 3
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chat Application
#### made using react and node# How To Run ?
- get openEmoji and giphy Api Keys
- paste those api keys in client/src/services/services.js
- make sure u have correct server path in services.js
- in server/config/env paste mongo url and change other configuration
- in Server/controllers edit fileUpload and chat Controllers and configure path for saving uploaded files
- in client and server open terminal an run npm start.#### For any help mail - [email protected]
#### Preview :- [https://www.youtube.com/watch?v=rg9R4YZA9Os&ab_channel=KumarAmresh](https://www.youtube.com/watch?v=rg9R4YZA9Os&ab_channel=KumarAmresh)
#### Project Live @ - [https://main--chat-application-net.netlify.app/](https://main--chat-application-net.netlify.app/)
## Instructions
- Use username- test pass- test or username- Amk pass- Amk
- if you're testing from same machine , open both account in same browser using incognito mode or you wont be able to video call.## Features:-
- user can search for other users .
- user can add other users in contact, favorite list,
- user can send text , image, audio, video, document, recorded audio/video.
- All messages are saved in database.
- user can get notifications for calls,unread messages, add to contact request etc
- user can call / videocall other user
- Fully responsive## Libraries Used :-
- ### Frontend :-
- Axios
- Formik
- Yup
- Framer-motion
- Times-ago
- Redux
- Redux-thunk
- React-Redux
- Styled-Components
- React-Icons
- Node-Sass
- Socket.io-Client
- ### Backend:-
- Bcrypt
- CORS
- Dotenv
- Express
- Express-Fileupload
- Mongoose
- JsonWebToken
- Socket.io
- UUID
-
## screenshots:-
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2870%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2871%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2873%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2874%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2875%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2876%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2877%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2879%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2880%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2881%29.png)
___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2882%29.png)___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2883%29.png)___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2884%29.png)___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2885%29.png)___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2886%29.png)___
![screen shot](https://github.com/AmKreta/chatApp/blob/master/screenshots/Screenshot%20%2887%29.png)