Fin Irjmets1652985567

e-ISSN: 2582-5208
International Research Journal of Modernization in Engineering Technology and Science

( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:04/Issue:05/May-2022 Impact Factor- 6.752 www.irjmets.com
A WEBCHAT MESSENGER: WEBVIBE

Prof. A. A. Shirode*1, Riya Demapure*2, Atharva Katurde*3,
Mohit Dhande *4, Awantika Jadhav*5
*1,2,3,4,5 Dept., Of Computer Engineering, AISSMS Polytechnic, Pune, MH, India.
ABSTRACT
The messaging applications are increasingly used as an alternative to older communication technologies such
as telephony and tele-graph. Equipped with advanced features, people can use it for education, business, and
socializing. The basic requirement for chatting is the ability to exchange text messages, however, recent
releases include support for audio and video communications. For some reason, peer-to-peer has now turned
out to be a popular architecture and as such, it becomes a choice for developing chat applications such as Skype.
In this study, we proposed a chat application that is based on a pure peer-to-peer architecture that is rid of
centralized or third-party elements. Each user will have their database for peer’s profiles and communication
parties authenticate among each other before exchanging messages. The main contribution of this paper is a
state-of-the-art chat application having completely been designed with built security measures.
Keywords: application, communication, chatting, messages, react, js
I. INTRODUCTION
“Messaging is one of the few things that people do more than social networking.”
At present more than three million people are using smartphones with numerous chat apps installed on them.
Today’s messaging apps are not just about sending and receiving messages; instead, they allow users to share
photos, videos, gifs, voice messages, and a lot more. With many messaging applications already available in the
market, making our chat messenger popular is not an easy task. However, by implementing and designing it on
the web with advanced features into it, we are trying to make this journey easy for users.
II. LITERATURE REVIEW
New technology plays a vital role in the process of communication in today’s world.
With the sudden evolutionary boom of the Internet, many Instant Messaging (IM) supported by various Digital
technologies are bringing an explosion of interactivity among users. Active users do not limit themselves to the
consumption of content but they allow themselves to connect uniquely with others.
According to Global Messaging Findings WhatsApp is the most used smartphone messaging service in the UK
with 59%. There has been a rapid increase in online communication in the last few years, especially in mobile
communication as 69% of all Internet users did so through a mobile device. In recent years, mobile phone
technology has evolved many drastic changes shifting from interpersonal communication devices to
multimedia sets.
III. METHODOLOGY
We have provided the user with some basic requirements and features such as:
1. User will first have to enter his/her username and password to log in if he/she has an existing account.
2. If not, create a new user by filling in credentials like Username, E-mail Id, Password, etc. in a new user form.
3. After filling out the user registration form, set your profile picture and proceed.
4. After proceeding, the home page will appear on the site.
5. Click on the particular user to start a conversation.
6. For logging out from the application click the button in the right-top corner of the application window.
IV. MODELING AND ANALYSIS
WebVibe is completely Web-based. Here we have taken help of the React. React is a JavaScript library for
building user interfaces. React allows us to create reusable UI components. Whenever you open the application,
react opens the designed UI page and connects to the database. Here onwards, the user can log in or register
themselves and come to the home page.
www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

[2839]
e-ISSN: 2582-5208
V. RESULTS AND DISCUSSION

As our application is web-based named “WEBVIBE”. It only works on the Web and it is compatible with all the
browsers. If you want to start chatting with anyone and don’t have an account just create one and set a profile
picture by your choice. And get started!! You can start chit-chat with your belongings or can make new friends
too!
Fig. Login Page
Fig. Registration Page

Here, a new user can create a new account by entering their details.
[2840]
e-ISSN: 2582-5208
Fig. Setting profile picture

Here, we can select a profile picture from the given options. If you want another profile picture you can refresh
the page and you will see another picture, you can select any one of those and proceed.
Fig. Chat Window

Text the message to the selected user. Here Awantika has texted a “Hello” message to Atharva. At Atharva’s
window, we can see the message received.
VI. CONCLUSION
The system is designed in such a method wherein the user can accommodate it effortlessly. We learned the four
components that make up the MERN stack namely – MongoDB, Express.js, React, and Node.js. We learned
programming concepts of the MERN stack. We have written, compiled, and run our program in Visual Studio
Code as it is the free editor which used to provide basic support to the coders. We used Visual Studio Code
because it is open source, simple and clean, has a minimal design, and familiar, and provides extensions to run
any type of code. In this application, we have used the MongoDB database for high volume data storage that
provides high performance, high availability, and easy scalability. Also, we have used express.js for ultra-fast
I/O, React.js for improving app performance, and Node.js for fast code execution.

[2841]
e-ISSN: 2582-5208
So, we developed a web-based chat application in which users may connect with other people and do a real-
time chat. We learned to work in a group, we learned Time Management, and how to complete the assigned
tasks on time. We achieved our aims, goals, and objective that people love to be anonymous, which gives them
more power to express themselves and ask anytime anywhere. We learned various types of testing and
conducted tests and generated test cases on our application. We have successfully tested every module of our
application. We have also solved errors successfully which arise in the code. We have successfully made the
application and we have also pasted the screenshots of all the functionalities in the “Result and Application”
part.
ACKNOWLEDGEMENTS
With immense pleasure and satisfaction, I am presenting this project report as part of the curriculum of
Diploma Computer Engineering. I wish to express my sincere gratitude to all those who have extended their
support right from the stage this idea was conceived. I am profoundly grateful to Prof. A. A. Shirode, Project
Guide, for his expert guidance and continuous encouragement throughout to see that the project worked is
right its target from its commencement to its completion. I am thankful to Prof. A. A. Shirode, Project
Coordinator, for conducting and supporting such research activities.
VII. REFERENCES
[1] https://ieeexplore.ieee.org/document/6703312 (Referred as base paper)
[2] https://www.slideshare.net/CrGaurav/a-project-report-on-chat-application
[3] https://portal.bazeuniversity.edu.ng/student/assets/thesis/20210215120658149063642.pdf
(Referred base paper)
[4] https://success.outsystems.com/Documentation/11_x_platform/Developing_an_Application/Design_U
I/Patterns/Using_Traditional_Web_Patterns/Content/Chat_Message

[2842]

Fin Irjmets1652985567

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

Fin Irjmets1652985567

Uploaded by

Copyright:

Available Formats

e-ISSN: 2582-5208

International Research Journal of Modernization in Engineering Technology and Science

A WEBCHAT MESSENGER: WEBVIBE

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

V. RESULTS AND DISCUSSION

Fig. Login Page

Fig. Registration Page

Fig. Setting profile picture

Fig. Chat Window

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

You might also like