Major1 2

Introduction
Our project is an example of real time chat application which

is basically based on public chatting.
It is made of two application . Clint application which
deployed in HerokuHeroku is a container-based cloud
Platform as a Service (PaaS)To start chatting client should get
connected to server. A server is a specially equipped computer
connected to the internet that allows user with chat client to
converse with another via typed massages in real time.
Modern web applications often require some form of real-

time communication, where data can continuous flow from
client to server and vice-versa with minimal delay.
To fulfil this requirement, the HTML5 WebSocket Protocol

was created. So, we can exchange messages, information in
real-time. Real-time chat is an online communication channel
that allows you to conduct real-time conversations. It involves
the transmission of live text messages from the sender to the
recipient .
Real-time chat is an online communication channel that

allows you to conduct real-time conversations. It involves the
transmission of live text messages from the sender to the
recipient.
Client Module:
• A client is a software program that allows users to connect to

chat servers and communicate with other users via chat room
Problem Statement
In this project we are solving the problem how we can

connect many people in a single platform at a particular
time to communicate each other on the daily basic
communication for this we have a solution to create Real
time chat application . A chat application makes it easy to
communicate with people anywhere in the world by
sending and receiving messages in real time. With a chat
app, users are able to receive the same engaging and lively
interactions through custom messaging features, just as
they would in person. Chat also known as online chat or
internet chat, is a way of communication and interaction in
real time on the Internet. This communication is based on
text messages. Two or more people can communicate and
also send pictures, videos or audio files. Real-Time
Applications are applications that operate within an
immediate time frame; sensing, analyzing, and acting on
streaming data as it happens. This is in contrast to a
database-centric application where information is ingested
and stored in a database (in the cloud or on-premise) for
future analysis.
TECHNOLOGY USE IN THIS PROJECT
Front end
Html –
HTML (HyperText Markup Language) is the most basic
building block of the Web. It defines the meaning and
structure of web content. Other technologies besides HTML
are generally used to describe a web page's
appearance/presentation (CSS) or functionality/behavior
(JavaScript) HTML is the language for describing the
structure of Web pages. HTML gives authors the means to:
Publish online documents with headings, text, tables, lists,
photos, etc. Retrieve online information via hypertext links, at
the click of a button d Hyper Text: HyperText simply means
"Text within Text." A text has a link within it, is a hypertext.
Whenever you click on a link which brings you to a new
webpage, you have clicked on a hypertext. HyperText is a
way to link two or more web pages (HTML documents) with
each other.
Web Page: A web page is a document which is commonly

written in HTML and translated by a web browser. A web
page can be identified by entering an URL. A Web page can
be of the static or dynamic type. With the help of HTML only,
we can create static web pages.
Css –
Cascading Style Sheets (CSS) is a stylesheet language used
to describe the presentation of a document written in
HTML or XML (including XML dialects such as SVG,
MathML or XHTML). CSS describes how elements should
be rendered on screen, on paper, in speech, or on other
media d CSS stands for Cascading Style Sheets. It is a style
sheet language which is used to describe the look and
formatting of a document written in markup language. It
provides an additional feature to HTML. It is generally
used with HTML to change the style of web pages and user
interfaces. It can also be used with any kind of XML
documents including plain XML, SVG and XUL.
Java script –
JavaScript is a lightweight interpreted programming
language. The web browser receives the JavaScript code in
its original text form and runs the script from that Javascript
is used by programmers across the world to create dynamic
and interactive web content like applications and browsers.
JavaScript is so popular that it's the most used programming
language in the world, used as a client-side programming
language by 97.0% of all websites.
Node.js uses JavaScript - a language known to millions of
developers worldwide - thus giving it a much lower learning
curve even for complete beginners. Using Node.js you can
build simple Command Line programs or complex enterprise
level web applications with equal ease. Node.js is an event-
driven, server-side, asynchronous development platform code.
Back end
Node.js –
Node. js (Node) is an open source development platform for

executing JavaScript code server-side. Node is useful for
developing applications that require a persistent connection
from the browser to the server and is often used for real-time
applications such as chat, news feeds and web push
notifications. Many of the basic modules of Node.js are
written in JavaScript. Node.js is mostly used to run real-time
server applications.
Node.js is a platform built on Chrome's JavaScript runtime for
easily building fast and scalable network applications. Node.js
uses an event-driven, non-blocking I/O model that makes it
lightweight and efficient, perfect for data-intensive real-time
applications that run across distributed devices.
APIs of Node.js library are asynchronous i.e. non-blocking.
So a Node.js based server never waits for an API to return
data. The server moves to the next API after calling it and a
notification mechanism of Events of Node.js helps the server
to get a response from the previous API call. It is also a
reason that it is very fast.
Node.js cuts down the overall processing time while
uploading audio and video files. Node.js applications never
buffer any data. These applications simply output the data in
chunks.
Express.js –
building web and mobile applications. It is used to build a

single page, multipage, and hybrid web application. It's a
layer built on the top of the Node js that helps manage servers
and routes . Express is a node js web application framework
that provides broad features for Express is a fast, assertive,
essential and moderate web framework of Node.js. You can
assume express as a layer built on the top of the Node.js that
helps manage a server and routes. It provides a robust set of
features to develop web and mobile applications.
features of Express framework:
It can be used to design single-page, multi-page and hybrid
web applications.
It allows to setup middlewares to respond to HTTP Requests.
It defines a routing table which is used to perform different
actions based on HTTP method and URL.
It allows to dynamically render HTML Pages based on
passing arguments to templates.
Ultra fast I/O
Asynchronous and single threaded
MVC like structure
Robust API makes routing easy
Socket.io –
It provides the Connection over TCP, while Socket.io is a
library to abstract the WebSocket connections. WebSocket
doesn't have fallback options, while Socket.io supports
fallback. WebSocket is the technology, while Socket.io is a
library for WebSockets . Socket.io is a JavaScript library. It is
a way to communicate between a client and a server. It allows
real-time data flow. It is bi-directional communication, means
we can flow data in both directions:
o Client to Server
o Server to Client
Deployment
Heroku –
Heroku is a container-based cloud Platform as a Service
Developers use Heroku to deploy, manage, and scale modern
apps. Our platform is elegant, flexible, and easy to use,
offering developers the simplest path to getting their apps to
market. High productivity of developers - Heroku delivers a
high order value by giving a set of capabilities. We do not
need to focus on network management, the latest version of
the database, server configurations. Heroku does not give any
obstacles so that developers can focus on the best building.
The best design - Everything in Heroku is very meticulously
defined, from capabilities to tools to workflows that maximize
the output. The design is so user-friendly a novice can
understand it and start working on Heroku. Also, the tool
guide is in easy words and very understandable.
Developer experience - Some developers work with new and
critical ideas. Heroku secures them. It makes app development
more than just a job by rewarding experience and bringing out
the best work. Heroku experiences more than 26 billion
requests every day and three lakh requests in a second.
fHeroku provides high flexibility that supports unique
workflow needs for DevOps
Developers focus on core rather than infrastructure

Heroku provides a secure connection to salesforce data that
build a single view of the customer.A single bill generates for
all projects
Hardware / Software Requirements
RAM  2 GB (Minimum)
Browsers  Any (Google Chrome)
Future Reference
 Chat bot
 Support
Conclusion
Real-time chat is an online communication channel that

allows you to conduct real-time conversations. It involves the
transmission of live text messages from the sender to the
recipient.
Node. js is a great choice for real-time tracking applications.

Its eventdriven, non-blocking I/O model makes it fast and
efficient, perfect for data-intensive applications that need to
run across distributed devices. Some of the best use cases for
Node .
The chat app provides a better and more flexible chat system.
Developed with the latest technology in the way of providing
a reliable system. The main advantage of the system is instant
messaging, real-world communication, added security, group
chat, etc.
A chat consists of two major parts: Chat App or client part,

which is a desktop, web, or smartphone chat application. Chat
Server Engine or server part, which is a pool of external
servers responsible for the chat operation
Index
 Introduction
 Client Module:
 Problem Statement
 Technology used in this project
 Front End
 Html
 Css
 Java Script
 Back End
 Node.js
 Express.js
 Socket.io
 Deployment
 Heroku
 Hardware Requirements
 Software Requirements
 Future Reference
 Conclusion
 Screen Shorts of Project User Interface
 Screen Shorts of Project Code

Major1 2

Uploaded by

Copyright:

Available Formats

Major1 2

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Major1 2

Uploaded by

Copyright:

Available Formats

Introduction

Our project is an example of real time chat application which

Modern web applications often require some form of real-

To fulfil this requirement, the HTML5 WebSocket Protocol

Real-time chat is an online communication channel that

• A client is a software program that allows users to connect to

In this project we are solving the problem how we can

Web Page: A web page is a document which is commonly

Node. js (Node) is an open source development platform for

building web and mobile applications. It is used to build a

Developers focus on core rather than infrastructure

Hardware / Software Requirements

Browsers  Any (Google Chrome)

Real-time chat is an online communication channel that

Node. js is a great choice for real-time tracking applications.

A chat consists of two major parts: Chat App or client part,

You might also like

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.