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: 1 day 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 (6 months ago)
• Last Synced: 2024-05-20T04:25:43.260Z (6 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)