RealTime-App - Real-Time Video Calling Application 📹

Welcome to RealTime-App!
RealTime-App is a modern real-time video calling and messaging application built with Next.js, WebRTC, and Firebase. The app allows users to create video call rooms, communicate instantly, and experience smooth peer-to-peer video communication with a clean and responsive interface.

🌟 Features

• Real-Time Video Calling: Seamless peer-to-peer video communication using WebRTC.
• Instant Messaging: Real-time chat functionality during video calls.
• Authentication System: Secure user authentication and session management.
• Responsive Design: Optimized for mobile, tablet, and desktop devices.
• Modern UI: Clean and interactive interface built with Tailwind CSS and shadcn/ui.
• Room-Based Calling: Users can create and join unique video call rooms.
• Realtime Database: Firebase Firestore integration for chat and signaling.
• Dynamic Routing: Built with Next.js App Router for scalable architecture.

🛠️ Tech Stack

• Frontend: Next.js, React.js, TypeScript
• Styling: Tailwind CSS, shadcn/ui
• Real-Time Communication: WebRTC
• Backend & Database: Firebase Firestore
• Authentication: Firebase Authentication
• State Management: React Hooks / Context API
• Deployment: Vercel

🚀 Getting Started

Follow these instructions to set up the project locally.

Prerequisites

Make sure you have the following installed:

• Node.js
• npm or yarn

Installation

git clone https://github.com/heydawood/realtime-app
cd realtime-app

# Install dependencies
npm install

# or
yarn install

# Start development server
npm run dev

# or
yarn dev

Open http://localhost:3000 in your browser to view the application.

🔥 Core Functionalities

📡 WebRTC Integration

• Peer-to-peer video and audio communication
• ICE candidate exchange
• SDP offer/answer negotiation
• STUN/TURN server support

💬 Real-Time Chat

• Instant messaging during calls
• Firestore-powered real-time updates
• Persistent chat storage

🔐 Authentication

• Secure sign-in and sign-up system
• Protected routes and authenticated sessions

📦 Dependencies

Key dependencies used in this project include:

• Next.js — React framework for production applications
• React.js — JavaScript library for building user interfaces
• Firebase — Backend services and real-time database
• WebRTC — Real-time communication technology
• Tailwind CSS — Utility-first CSS framework
• shadcn/ui — Reusable UI components

✨ Future Improvements

• Screen sharing support
• Group video calls
• Call recording
• Notifications system
• End-to-end encryption enhancements

✨ Contributions

Contributions, suggestions, and pull requests are welcome! Feel free to fork the repository and improve the project.

👨‍💻 Developed by [Dawood Faisal]

Live Demo