Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/tanay-pingalkar/letstalk-chatapp

This is a MERN chat app. It is real-time also. It has user-authentication also. It can also save messages, the last room in which we had a chat, and all the rooms we had joined in the MongoDB database. It has glassmorphosism UI and it is responsive also. I used Redux for state management in react. I had hosted it on Heroku. You can test it.
https://github.com/tanay-pingalkar/letstalk-chatapp

css expressjs javascript mongodb mongoose nodejs react react-redux redux socket-io

Last synced: about 2 months ago
JSON representation

This is a MERN chat app. It is real-time also. It has user-authentication also. It can also save messages, the last room in which we had a chat, and all the rooms we had joined in the MongoDB database. It has glassmorphosism UI and it is responsive also. I used Redux for state management in react. I had hosted it on Heroku. You can test it.

Awesome Lists containing this project

README

        

# Lets talk

I had combined react app to api by
```javascript
app.use('/', express.static('client/build'))
```
and some start script you will find in package.json.

To run it for developing you had to change some code.

## This is the ui of my chat app

![](/client/ui.jpg)

## start

`node index.js`

### if you have nodemon

`nodemon index.js`

## for developing
you have to change axios base url at https://github.com/tanay-pingalkar/LetsTalk-chatapp/blob/main/client/src/components/axios.js and endpoint at https://github.com/tanay-pingalkar/LetsTalk-chatapp/blob/main/client/src/components/roomChat.js to localhost:9000

### run client

`cd client`

`npm start`

### run server in another terminal

`nodemon index.js`
thats it

### to run changes in combined mern app

reset all changes we had made

then

`cd client`

`npm run build`

`cd ..`

`nodemon index.js`