This project aims to use Nodejs, Socket.io web socket library on the back end. which is a back-end frameworks to fit a differential equation to the CHAT APPLICATION with users chat data. This would allow us to send our user message and our user also can able to receive our messages. This would be done separately per user as a sender or, as per user as a receiver. The results would be displayed on chat room. This app show the process of how to send and receive messages using web sockets and Socket.io to make any real-time application.
Besides this, The project has implementation of an interesting use case of users current location history: a web application that is send location. The user can enter in the chat room then they can send there message and send location which would display sender's current location. An on the other hadn receiver can view the sender current location.
- Using Custom UI
- Realtime chat app with websockets using Node.js.
- Expressjs
- Socket.io with Vanilla JS
No. | Software | Version | Reason |
---|---|---|---|
1. | Ubuntu 20.04(Linux) | 20.04 | Default on laptop |
2. | Visual Studio Code | 1.55.2 | My Personal Choice |
3. | Node | 10.13.0 | To run backend server |
4. | MongoDB Server | 4.2 | To run mongoDB server |
5. | Windows 10 | 10.15.5 | Default on laptop |
6. | Responsive Web Application | Any Version Supported | Default on Android or IOS and its mobile-friendly |
- Fork the project
You will see Fork option in the right side of your current homepage and forked the project to clone it.
- Clone repository
git clone https://github.com/codershona/chat-app.git
- Install the server dependencies
npm install
OR,
yarn install
- Start the server
npm run start
OR,
yarn run start
- Creating first npm project
npm init Or, yarn init
- Installing Express
npm i express@4.16.4
- Run in the server
node src/index.js
- Installing Nodemon
npm i nodemon@1.18.7 --save-dev
- Run the server
npm run dev
- Installing Socket.io
npm i socket.io@2.2.0
- Installing bad-words package
npm i bad-words@3.0.0
- Run This
node src/utils/users.js
- In the terminal we need to log in heroku at first,
heroku login
- Creating new domain
heroku create
- Push your APP into Heroku
git push heroku master
Feel free to open an issue on GitHub if you find any bug.
- Feel free to Open an issue on GitHub to request any additional features you might need for your use case.
- Connect with me on LinkedIn & Twitter.
- Read My Instagram Blogs in Instagram.
- I'd love ❤️️ to hear where you are using this library.
Check here for release notes.
Coder Shona |