National Education Society JNN College of Engineering
JNN College of Engineering
Sawalanga Road, Navule, Shivamogga -277204
(Accredited by NBA, NAAC ’A’ and Certified by UGC 2f and 12B)
Department of Electronics and Communication Engineering
Internship seminar on
“Develop a real-time chat application for seamless
communication”
Carried out at
Tap Academy, Bengaluru
during
06/02/2025 - 17/05/2025
Presented by: External Guide: Internal Guide:
Shreeram U Mr. Kshitij Prof. Darshan K V
4JN22EC0417 Trainer Assistant Professor
Tap Academy
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 1 / 26
National Education Society JNN College of Engineering
Contents:
1 Introduction
2 Company Profile
3 Area of Internship
4 Abstract of project
5 Introduction of project undertaken
6 Aim of the project
7 Objectives
8 Literature Survey
9 Flowchart
10 Hardware and Software Specifications
11 Design and Implementation
12 Result and discussions
13 Outcome of the Internship
14 Certificate of internship
15 References
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 2 / 26
Introduction
Introduction:
In today’s digitally connected world, real-time communication has become essential for
personal, professional, and collaborative interactions, replacing older methods that lacked
immediacy and engagement.
This project involves the development of a Real-Time Chat Application using HTML,
CSS, JavaScript, and the Agora SDK, aimed at providing seamless, low-latency
communication between users through a web-based platform.
The application features a lobby and room-based structure, allowing users to create or
join chat rooms with dynamic updates and real-time message exchange, all supported by a
modular and scalable codebase.
It offers a user-friendly interface and efficient real-time performance, making it suitable for
applications like online education, corporate collaboration, and customer support systems.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 3 / 26
Company Profile
Company Profile:
Tap Academy is a company based in Bengaluru (India), founded in 2021. It operates as a
Provider of full-stack web development and data structures courses.
Rohit Ravinder is the founder of TAP Academy.
Aiming to equip students with industry-relevant skills. The academy provides a blend of
online and offline learning experiences, utilizing interactive 3D content to enhance
understanding.
With a focus on practical learning, it prepares students for careers in software
development. Tap Academy also offers placement assistance to help students secure jobs
in the tech industry.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 4 / 26
Area of Internship
Area of Internship:
The Java Full Stack Developer is proficient in both front-end and
back-end development using Java technologies.
They build user interfaces with HTML, CSS, JavaScript, and
managing server-side logic with Java frameworks such as Spring Boot.
The responsibilities is to designing, developing, and maintaining
complete web applications, ensuring seamless integration between
client and server components.
This role demands and understanding of the entire software
development lifecycle.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 5 / 26
Abstract of project
Abstract of project
The project Real-Time-Chat-Application-main is designed for
seamless real-time communication using web technologies.
It utilizes JavaScript and the Agora SDK to enable messaging and
RTC functionality.
The structure includes JavaScript files for chat logic, CSS for UI
design, and HTML files for web page framework.
Users interact through a lobby system and room-based chat, ensuring
a smooth communication flow.
The modular design allows scalability and future integration of
enhanced real-time features.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 6 / 26
Introduction of project undertaken
Introduction of project undertaken
Communication is a fundamental aspect of human interaction, and
technology plays a crucial role in enabling seamless conversations.
Real-time chat applications have become essential for personal,
professional, and business communication.
The Real-Time-Chat-Application-main project is designed to facilitate
instant messaging using modern web technologies.
By leveraging JavaScript and the Agora SDK, the application ensures
fast, responsive, and reliable real-time communication.
The structured design supports ease of use, scalability, and future
enhancements, making it adaptable to various user needs.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 7 / 26
Aim of the project
Aim of the project
To design and develop a Real time chat application for seamless
communication,
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 8 / 26
Objectives
Objectives:
Develop a reliable, scalable real-time chat application for seamless communication.
Integrate Agora SDK to enhance messaging and RTC functionality.
Implement a structured UI with lobby-based and room-based interaction for better user
accessibility.
Ensure a modular architecture that supports easy future expansions and improvements.
Optimize real-time data transmission and responsiveness to enhance user experience.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 9 / 26
Literature Survey
Literature survey
[1]
Paper: Design and Implementation of a Real-Time Chat Application Using
Firebase Authors: A. Q. Syed, H. A. Memon, A. R. Shaikh Year: 2020
Utilizes Google Firebase for real-time database and cloud storage
functionalities.
Implements authentication, real-time messaging, and push
notifications.
Focuses on scalability and ease of deployment for mobile apps.
Demonstrates low latency and efficient synchronization across devices.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 10 / 26
Literature Survey
Literature survey
[2] Paper: Real-Time Chat Application Using Socket Programming
Authors: M. S. Shirke, P. V. Sonawane, V. V. Bhosale Year: 2019
Developed using Java and socket programming concepts.
Establishes a client-server model for peer communication.
Includes both one-to-one and group messaging features.
Ensures message delivery through acknowledgment and
retransmission.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 11 / 26
Literature Survey
Literature survey
[3] Paper: Development of Real-Time Chat Application Using WebSocket
Authors: G. S. Laddha, R. S. Rathod, M. D. Wagh Year: 2021
Uses HTML, JavaScript, and Node.js for implementation.
Employs WebSocket protocol for full-duplex real-time communication.
Achieves low message delivery delay compared to HTTP polling.
Discusses load handling and concurrent user communication
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 12 / 26
Literature Survey
Literature survey
[4] Paper: Secured Real-Time Chat Application Based on AES Encryption
Authors: R. A. Shinde, S. K. Pawar, A. J. Kulkarni Year: 2020
Integrates AES encryption for message confidentiality.
Focuses on secure end-to-end communication over public networks.
Built with Android and Firebase to support secure data sync.
Analyzes performance overhead due to encryption and suggests
optimizations
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 13 / 26
Literature Survey
Literature survey
[5] Paper: Real-Time Communication Application Using MQTT Protocol
Authors: A. K. Bharti, R. Kumar Year: 2022
Uses MQTT protocol for lightweight real-time communication.
Suitable for IoT and low-bandwidth environments.
Implements publish-subscribe model for asynchronous messaging.
Includes quality of service (QoS) and retain flags for reliability.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 14 / 26
Flowchart
Flowchart:
Figure 1: Flowchart of Real time chat application
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 15 / 26
Flowchart
Flowchart:
User Authentication & Lobby Entry – The user logs in and enters the
lobby, where they can choose or create a chat room.
Room Initialization – The application establishes a connection using
Agora SDK and sets up real-time messaging and video functionalities.
User Interaction & Communication – Inside the chat room, messages
and media are transmitted between users, ensuring seamless
communication.
Data Handling & UI Updates – The system processes incoming and
outgoing messages, updates the UI dynamically, and maintains
responsiveness.
Session Management & Exit – The application handles user exits,
room closures, and ensures data integrity while terminating
connections securely.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 16 / 26
Hardware and Software Specifications
Hardware and Software specifications
Visual Studio Code (VS Code)
A free and lightweight code editor developed by Microsoft.
Supports many programming languages including HTML, CSS, and
JavaScript.
Provides features like syntax highlighting, auto-completion, and error
detection.
Easily extendable with extensions like Live Server and Prettier.
Integrated terminal and Git support make it ideal for web
development.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 17 / 26
Hardware and Software Specifications
Hardware and Software specifications
Web Browser (e.g., Google Chrome, Microsoft Edge)
Used to run and test HTML, CSS, and JavaScript files in real time.
Developer tools help debug code and inspect page layout.
Supports modern web standards required for responsive and real-time
applications.
Offers browser console for logging and testing JavaScript directly.
Allows simulation of different screen sizes and devices for responsive
testing.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 18 / 26
Hardware and Software Specifications
Hardware and Software specifications
Netlify
A cloud platform used to deploy and host static websites.
Supports drag-and-drop deployment or Git integration for continuous
updates. item Offers automatic HTTPS, CDN distribution, and fast
global delivery.
No server setup needed – ideal for frontend-only projects.
Provides a live URL instantly after deployment, useful for sharing and
testing.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 19 / 26
Design and Implementation
Design and Implementation:
The application is built using HTML, CSS, and JavaScript, integrating Agora’s SDK to
enable real-time messaging and possibly audio/video communication.
The project includes separate HTML pages for the lobby (entry or login interface) and the
chat room, organizing the user flow from joining to participating in a conversation.
JavaScript files manage specific functions: one handles lobby logic (such as username
input and room joining), another deals with real-time messaging, another with real-time
communication , and one acts as a controller combining both messaging and media
features.
CSS files are dedicated to styling different pages and overall layout, ensuring a clean
separation of logic and design for better readability and maintainability.
The complete application has been successfully launched and deployed as a live web app
using Netlify, making it accessible online for real-time use and testing.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 20 / 26
Result and discussions
Results and Discussions:
Figure 2: Overview of Website
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 21 / 26
Result and discussions
Results and Discussions:
Figure 3: Login page and space creation
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 22 / 26
Result and discussions
Results and Discussions:
Figure 4: Outcome of chatbot
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 23 / 26
Outcome of the Internship
Outcome of the Internship:
During the internship, I developed strong time management and adaptability by meeting
deadlines and adjusting to dynamic work environments.
I enhanced my interpersonal skills through effective collaboration with team members and
clients.
My oral and written communication skills improved significantly through regular
presentations and professional reporting.
I gained a solid understanding of industry etiquettes, including professional behavior and
workplace ethics.
Overall, the experience helped me grow both personally and professionally, preparing me
for future career challenges.
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 24 / 26
Certificate of internship
Certificate of internship:
Figure 5: Certificate of completion
Batch 00 (Dept. of ECE,JNNCE) Internship Presentation May 27, 2025 25 / 26
References
References:
[1] R. Pandey, “Chat application using react. js and firebase.” Amity
Journal of Computational Sciences, vol. 7, no. 1, 2023.
[2] D. Henriyan, D. P. Subiyanti, R. Fauzian, D. Anggraini, M. V. G. Aziz,
and A. S. Prihatmanto, “Design and implementation of web based real
time chat interfacing server,” in 2016 6th international conference on
system engineering and technology (icset). IEEE, 2016, pp. 83–87.
[3] K. Deshpande, A. Jain, Abhinav, S. Mishra, S. Goel, and R. Garg,
“Empowering real-time communication: A seamless chatting system
using websocket,” in International Conference On Innovative
Computing And Communication. Springer, 2024, pp. 405–417.
[4] A. Kadhim and S. Khalaf, “New approach for security chatting in real
time,” Int. J. Emerg. Trends Technol. Comput. Sci, vol. 4, no. 3, pp.
30–36, 2015.
[5] R. A. Atmoko, R. Riantini, and M. K. Hasin, “Iot real time data
Batchacquisition using mqtt protocol,”
00 (Dept. of ECE,JNNCE) in Journal of Physics:MayConference
Internship Presentation 27, 2025 26 / 26
