Skip to content

shinchancode/Chit-Chat-Real_time_chat_app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Chit-Chat-Real_time_chat_app

View Live Demo

https://chit-chat-app.onrender.com/

A web messenger application. Enjoy free text chat and other features.

This application built using Node.js, Express, Socket.io and Render (Hosting)

Available Scripts

In the project directory, you can run:

Getting Started with Set Up

This project was made with NodeJs.

npm init

To start with npm

npm i express

To install express

npm i socket.io

To install socket

nodemon .\server.js

To host the webpage locally at port

Screenshot

Features

  • Express - Uses Express as the application Framework.
  • socket.io - Real-time communication between a client and a server using Socket.io.
  • GitHub integration - self-hosted option is available for auto-syncing to a GitHub repository (not available in the demo)

Sockets

Having an active connection opened between the client and the server so client can send and receive data. This allows real-time communication using TCP sockets. This is made possible by Socket.io.

The client starts by connecting to the server through a socket(maybe also assigned to a specific namespace). Once connections is successful, client and server can emit and listen to events.

Image 1

Screenshot

Image 2

Screenshot

Image 3

Screenshot

Image 4

Screenshot

Connect with me:

codeSTACKr.com codeSTACKr | Twitter codeSTACKr | LinkedIn codeSTACKr | Instagram