GREATER NOIDA INSTITUTE OF

TECHNOLOGY

Synopsis on Project-
Inventory Management system

Department of CSE(AI & ML)

Batch :- 2025

under supervision of
Mr. Arun Kumar Rai

Manish Kumar Singh (2101321530016)

Greater Noida Institute of Technology

(ENGINEERING INSTITUTE)
Plot No-7, Knowledge Park-II, Greater Noida
 INDEX
Table of contents

Description Page No.

1. DECLERATION 2
2. ACKNOWLEDGEMENT 3
3. ABSTRACT 4
4. INTRODUCTION 5
5. LITERATURE SURVEY 6
6. OBJECTIVE 7
1. PROBLEM STATEMENT 7
2. KEY OBJECTIVES 7
7. METHODOLOGY 8-9
8. CONCLUSION 10
9. REFERENCES 11

Page | 1
 DECLERATION.

I hereby declare that this project work entitled “Web Based Chat Application” has been prepared
by me during the year 2024 – 25 under the guidance of Mr. Arun Kumar Rai, Department of
CSE (AI & ML), in the partial fulfillment of Btech degree prescribed by the college.

I also declare that this project is the outcome of my own effort, that it has not been submitted to
any other university for the award of any degree.

Date: 08/11/2024

Gaganshu Yadav (2101321530016)

Page | 2
 ACKNOWLEDGEMENT

I have made efforts in this project. However, it would not have been possible without the kind
support and help of many individuals. I would like to extend my sincere thanks to all of them. I
am highly indebted to Mr. Arun Kumar Rai for their guidance and constant supervision as well
as for providing necessary information regarding the project & also for their support in
completing the project. I would like to express my gratitude towards my parents & members of
GNIOT for their kind cooperation and encouragement which helped me in the completion of this
project. I would like to express my special gratitude and thanks to the industry people for giving
me such attention and time. My thanks and appreciations also go to my colleague in developing
the project and the people who have willingly helped me out with their abilities.

Date: 08/11/2024

Gaganshu Yadav (2101321530016)

Page | 3
 ABSTRACT

Chatting is a method of using technology to bring people and ideas together despite of the
geographical barriers. The technology has been available for years but the acceptance was quite
recent. Our project is an example of a chat server. It is made up of two applications - the client
application, which runs on the user’s web browser and server application, runs on any hosting
servers on the network. To start chatting client should get connected to server where they can do
private and group chat. Security measures were taken during the last one.

Page | 4
 INTRODUCTION

In today's fast-paced digital world, effective communication is more crucial than ever. As
individuals and organizations increasingly rely on instant messaging for personal and
professional interactions, the demand for robust, user-friendly chat applications continues to
grow. chat web application aims to meet this demand by providing a seamless platform for real-
time communication, enabling users to connect, collaborate, and share information effortlessly.
This chat application is designed with a focus on enhancing user experience through intuitive
interfaces, rich feature sets, and high-level security. By integrating functionalities such as one-
on-one messaging, group chats, multimedia sharing, and real-time notifications, the application
caters to a diverse range of communication needs. Additionally, features such as end-to-end
encryption, user presence indicators, and customizable settings ensure that users can
communicate safely and comfortably.
The application is not only geared towards personal use but also offers collaborative tools
suitable for teams and organizations, fostering productivity and engagement in a digital
workspace. With an emphasis on accessibility and responsiveness, the chat application is
designed to function seamlessly across various devices, ensuring users can stay connected
anytime, anywhere.

Page | 5
 LITERATURE SURVEY

SR PAPER TITLE AUTHOR METHOD ADVANTAGE DISADVANTAGE

NO. NAME

1. Design and Ali, M. A., The study Full-stack Requires proficiency

development of & Kashif, explores a chat JavaScript in multiple
real-time chat M. application built environment technologies, which
application using the MEAN allows for may complicate the
using MEAN stack seamless development
stack (MongoDB, integration and process.
Express.js, development.
Angular,
Node.js)

2. Design and Guan, Y., The authors WebSockets Requires a more

implementation Yang, C., designed a chat allow for complex server setup
of a real-time & Liu, L. system utilizing persistent compared to
chat system WebSocket connections, traditional HTTP
based on technology for reducing requests.
WebSocket real-time overhead for each
technology communication. message.

3. Design and Sharma, The study Full-stack Requires proficiency

development of A., & explores a chat JavaScript in multiple
real-time chat Shukla, A. application built environment technologies, which
application using the MEAN allows for may complicate the
using firebase stack seamless development
(MongoDB, integration and process.
Express.js, development.
Angular,
Node.js)

Page | 6
 OBJECTIVE

1. PROBLEM STATEMENT
 This project is to create a chat application with a server and users to enable the users to chat with
each other’s.
 To develop an instant messaging solution to enable users to seamlessly communicate with each
other.
 The project should be very easy to use enabling even a novice person to use it.
 This project can play an important role in organizational field where employees can connect
through LAN.
 The main purpose of this project is to provide multi chatting functionality through network.

2. KEY OBJECTIVES
1. Broadcasting Chat Server Application is going to be a text communication software, it
will be able to communicate between two computers using point to point communication.

2. The limitation of Live Chat is it does not support audio conversations. To overcome this
limitation, developing better features.

3. Companies would like to have a communication software wherein they can communicate
instantly within their organization.

4. The fact that the software uses an internal network setup within the organization makes it
very secure from outside attacks.

Page | 7
 METHODOLOGY
1. Planning
a. Identify Features:-
List essential features you want to implement, such as:
 User registration and authentication
 One-on-one chat
 Group chat functionality
 Message history
 File sharing
 User presence indicators (online/offline)

b. Create Wireframes:-
Sketch the user interface (UI) layout for key pages (login, chat window, settings, etc.).
Using Figma to design your chat web application UI will allow you to create a professional and user-
friendly interface

2. Technology Stack
1. Frontend: Use frameworks like React, Angular, or Vue.js for building the user interface.
2. Backend: Consider Node.js, Python, or Ruby on Rails for server-side development.
3. Real-time Communication: Implement WebSockets or WebRTC for real-time messaging and
video calls.
4. Database: Use MongoDB, PostgreSQL, or MySQL for storing user data and chat history.

3. Implement Core Features

1. User Authentication: Ensure secure login and registration processes.
2. Real-time Messaging: Enable instant message delivery and notifications.
3. Message Storage: Implement a system for saving chat history and retrieving past messages.
4. User Presence: Show online/offline status of users.
5. File Sharing: Allow users to send images, documents, and other files.
6. Group Chats: Enable multiple users to participate in a single conversation.

4. Testing and Iteration

 Conduct functional testing to ensure all features work as intended.
 Perform usability testing to gather feedback on user experience.
 Test performance under various conditions to ensure scalability.
 Address any identified issues before deployment.

5. Deployment and Maintenance

 Choose a suitable hosting provider based on cost, scalability, and reliability.
 Monitor the app post-deployment for performance and security issues.
 Regularly update the app to incorporate new features and improvements.

Page | 8
 the background and consequences in case of the discovered anomalies.

start

Load initial components

WebSocket connection

Authenticated User

Join chat room

Send Message

Receive Message

Leave Chat Room

End of conversation

FIGURE 2. Methodology of Anomaly detection system.

Page | 9
 CONCLUSION

Continuous improvement is essential for any application. While the current focus
is on text communication, there are opportunities for further enhancements. The
goal is to develop a chat service web application with a high-quality user interface,
file transfer, send videos, group chat, authentication and error handling. Future
extensions may include features such as voice and video messages, audio and
video calls, and group calling.

Page | 10
 REFERENCES
[1] Ali, M. A., & Kashif, M. (2020). Design and development of real-time chat application using MEAN
stack. Journal of Physics: Conference Series, 1687(1), 012074.
[2] Guan, Y., Yang, C., & Liu, L. (2021). Design and implementation of a real-time chat system based on
WebSocket technology. International Journal of Advanced Computer Science and Applications, 12(2),
133-139.
[3] Sharma, A., & Shukla, A. (2020). Design and development of real-time chat application using
firebase. Journal of Physics: Conference Series, 1656(1), 012011.

Page | 11