Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/tanay-pingalkar/letstalk-chatapp
- Owner: tanay-pingalkar
- Created: 2021-01-05T12:40:14.000Z (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-26T04:55:25.000Z (about 4 years ago)
- Last Synced: 2024-01-18T23:54:04.153Z (about 1 year ago)
- Topics: css, expressjs, javascript, mongodb, mongoose, nodejs, react, react-redux, redux, socket-io
- Language: JavaScript
- Homepage: https://workingchatapp.herokuapp.com/
- Size: 1.66 MB
- Stars: 2
- Watchers: 2
- Forks: 1
- Open Issues: 4
-
Metadata Files:
- Readme: README.md
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`