K. J.
Somaiya Institute of Engineering
& Information Technology, Mumbai
Department of Computer Engineering
“WebRTC Real-time Voice Chat Application”
Student name – Roll no
Tirth Panchal – 69
Piyush Kulkarni – 61
Parth Gujrathi – 52
Shebaz Khan – 21
Supervisor:
Mr. Nilesh Yadav
3/2/2023 Computer Engineering Department 1
Outline
● Introduction
● Problem Statement
● Proposed System
● Hardware And Software Specification
● System Design
● UI/UX Design
● Working
● Future Plans & Scope
● Conclusion
● References
3/2/2023 Computer Engineering Department 2
Introduction
● Chat application is an important tool for today’s world as it helps everyone to
contact from anywhere and talk with them at real time without any problem and
this tool resolve the issue of calling every time for any query related anything
about that work.
● Now with the help of chat application user can just send the message to the other
user and resolve the issue or query without calling.
● The best part about the chat application is that we can send the same message
to many users at a same time without any problem as we can make a group of so
many people or even we can broadcast the message to selected users to whom
the sender wishes to send the message.
● Chat application also provided us the best feature in this as you can share your
current location with anyone at any time and even you can share the images or
pdf or any other type of file using the application.
3/2/2023 Computer Engineering Department 3
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
employe
3/2/2023 Computer Engineering Department 4
Proposed System
The scope of application should be declared before moving towards the next step.
Application scope are as follows:
1. Design and construction of this chat application is responsive for every
web-based or mobile or other device users.
2. This application is developed using Node.js, socket.io and other
JavaScript libraries.
3. Database of the application is stored using MongoDB NOSQL Database.
3/2/2023 Computer Engineering Department 5
Features
● Registration : Registration should be done using the OTP system. It can be sent
using phone number or email address.
● Rooms : Authenticated user can see list of available public rooms or create his
own new room(public or listener). The user can join the existing room.
● Profile : Users will have a user profile page an authenticated user can visit and
follow.
● Login : User can login using OTP which will be sent to either phone number or
email address.
● Logout : User can log out using logout button.
3/2/2023 Computer Engineering Department 6
Technologies Used
● UI Design: Figma, Canva
● Front-End : React Js, Core CSS, Redux
● Back-End : NodeJs, ExpressJs
● Database: MongoDB
● Version Control: Git
● Other Technologies: Socket.IO, WebRTC
3/2/2023 Computer Engineering Department 7
Hardware Requirement
● PROCESSOR : Intel I5 or AMD Ryzen 5.
● RAM : 8 GB
● HARD DISK : 256 GB
● Network Interface, Microphone Access
Minimum Hardware:
• Pentium-pro processor or later.
• RAM 512MB or more
3/2/2023 Computer Engineering Department 8
System Diagram
3/2/2023 Computer Engineering Department
System Diagram
3/2/2023 Computer Engineering Department
System Diagram
3/2/2023 Computer Engineering Department
Working
● WebRTC uses JavaScript, APIs and Hypertext Markup Language
to embed communications technologies within web browsers.
● It is designed to make audio, video and data communication between
browsers user-friendly and easy to implement. WebRTC works with
most major web browsers.
3/2/2023 Computer Engineering Department 12
UI/UX Design
3/2/2023 Computer Engineering Department
UI/UX Design
3/2/2023 Computer Engineering Department
Future Plans & Scope
● Even though the main focus of the voice chat app is voice
communication, text messaging is also an important feature and can’t
be excluded.
● The ability to share a screen in a call is another vital feature for a voice
chat app.
● Share files in the room
● Alerts and notifications
Computer Engineering Department 15
Conclusion
We’ve seen that making “Real Time Chat Application” is quite interesting
thing and new thing to make other than making a website about a product or any
portfolio. As, I can say that socket.io made chat application easy to build and
develop our own chat application. I can say that because of this project I got to
learn a lot more than I expected. In Today’s world chat application is in much
demand & needed around everywhere and its reducing our much problem and time,
as I told above with the help of the chat application we can just send the same
message to many users at a time and we don’t need to call every time to anyone for
any type of queries or problem, we can just message them. At last I would like to
say that making chat application using Node.js & Socket.io is best for mainly 2
thing, first is reducing time by just texting in some seconds and second one is you
will learn a lot while making this app and till completing this application you have
good hands on this technology.
Computer Engineering Department
3/2/2023 16
Reference
[1] Al-Riyami, SS and K.G. Paterson, 2003. Uncertified public key cryptography. Methods for the Ninth World Theoretical
Conference furthermore, Use of Cryptology and Information Security, November 30- Dec. 4, Springer Berlin Heidelberg, Taiwan,
pages: 452-473. DOI: 10.1007/978-3-540-40061-5_29 Azab, A., P. Watters and R. Layton, 2012.
[2] Matches the Skype Network Traffic Forensics. 3 Internet Criminal Procedures and Trusted Computer Workshop, October
29-30, IEEE Xplore Press, Ballarat, pages: 19-27. Segment: 10.1109/CTC.2012.14 Bardis, N.G. furthermore, K. Ntaikos, 2008.
[3] Building security AES cryptographic-based visit application calculation and key administration. Methodology for tenth World
WSEAS Conference on Mathematics Methods, Numeracy Methods and Intelligent Systems, (TIS '08), ACM, USA, pages: 486-49
Computer Engineering Department
11/27/2020 17
Thank You
18
