Skip to content

codershona/chat-app

Repository files navigation

Chat-App

📦 Real time web applications with Socket.io (Chat Application)

Project Can be found in here :

Live version



👨🏻‍💻 CHAT APP

javascript html javascript npm node github

chat on Discord Heroku

🎩 Project Description

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.

👉 Technologies Used :

Frontend:

  • Using Custom UI

Backend

  • Realtime chat app with websockets using Node.js.
  • Expressjs
  • Socket.io with Vanilla JS

🖥 ENVIRONMENT

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

🚀 Local Setup

💥 Server

  1. Fork the project
    You will see Fork option in the right side of your current homepage and forked the project to clone it.
  1. Clone repository
    git clone https://github.com/codershona/chat-app.git
  1. Install the server dependencies
    npm install
    OR, 
    yarn install
  1. Start the server
   npm run start
   OR,
   yarn run start
  1. Creating first npm project
   npm init Or, yarn init
  1. Installing Express
   npm i express@4.16.4
  1. Run in the server
   node src/index.js
  1. Installing Nodemon
   npm i nodemon@1.18.7 --save-dev
  1. Run the server
   npm run dev
  1. Installing Socket.io
   npm i socket.io@2.2.0
  1. Installing bad-words package
   npm i bad-words@3.0.0
  1. Run This
   node src/utils/users.js

🔑 DEPLOYMENT IN HEROKU:

  1. In the terminal we need to log in heroku at first,
   heroku login
  1. Creating new domain
    heroku create
  1. Push your APP into Heroku
   git push heroku master

🐛 Bugs Reporting

Feel free to open an issue on GitHub if you find any bug.

⭐ Feature Request

  • 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.

📋 Release Notes

Check here for release notes.

📜 LICENSE 🔑

Project Admin 👨🏻‍💻

Coder Shona