• Version
• Download 13
• File Size 601.69 KB
• File Count 1
• Create Date 2 June 2025
• Last Updated 2 June 2025

Streamify: A Real-Time Chat and Video Call Application Using the MERN Stack

Authors:

Dr. T. AMALRAJ VICTOIRE1, M. VASUKI2, KANAKALA SATYA SURYA SUDEEPTHI3

¹ Professor, Department of MCA, Sri Manakula Vinayagar Engineering College, Puducherry-605107, India.

² Associate Professor, Department of MCA, Sri Manakula Vinayagar Engineering College, Puducherry-605107, India.

⁴PG Student, Department of MCA, Sri Manakula Vinayagar Engineering College, Puducherry-605107 India.

amalrajvictoire@gmail.com¹, dheshna@gmail.com², sudeepthikanakala@gmail.com³

Abstract:

Streamify is a real-time web communication platform that offers chat and video calling features, built using the MERN stack—MongoDB, Express.js, React.js, and Node.js.  The application is designed to provide users with a seamless, interactive, and secure environment for both text-based and video communication.  Its goal is to simulate face-to-face interaction virtually, making communication more accessible and engaging.

        The chat feature uses Socket.IO to enable real-time message exchange between users.  This ensures that messages are instantly delivered and received without the need for page refreshes.  Users can engage in one-on-one conversations with persistent chat history stored in MongoDB, allowing easy retrieval of previous messages.

For video calling, WebRTC is integrated to establish peer-to-peer connections between users.  This ensures low latency, high-quality audio and video transmission.  The system handles call signalling through the backend using Node.js and Express.js, enabling smooth connection setup and termination.

The front-end is developed using React.js, providing a responsive and user-friendly interface.  The component-based architecture of React allows efficient state management and dynamic UI updates, enhancing the user experience.  Features such as online user indication, typing status, and call notifications are integrated to mimic real-world conversation dynamics.

Overall, Streamify serves as a scalable and modern solution for digital communication.  It demonstrates how real-time applications can be built efficiently using modern JavaScript technologies.  The project also explores the challenges of implementing real-time data exchange, peer-to-peer video streaming, and user interface responsiveness in a single-page application.

Objectives:

1. To design and develop a web-based chat and video calling platform using the MERN stack.
2. To implement real-time messaging using Socket.IO for instantaneous text communication.
3. To integrate video calling features using WebRTC for peer-to-peer media streaming.
4. To build an intuitive user interface using React.js that enables easy navigation and communication.
5. To manage and store user data and chat history securely using MongoDB.
6. To ensure efficient back-end handling using Express.js and Node.js for routing and server-side logic.
7. To promote secure and stable connections during chat and video sessions.
8. Keywords: web Development, React.js, Node.js, MongoDB, and Express.js Real-time Communication, Chat Application, Video Call, MERN Stack, WebSocket’s, WebRTC, and Full-Stack Development