React RealTime Chat Frontend

Frontend for the Real-Time Chat Application built with React, Vite, and Tailwind CSS.

Features

• Google Login.
• Real-Time Messaging.
• Room Management.
• Video/Audio Calling (WebRTC).
• Responsive UI with Tailwind CSS.

Setup

1. Install Dependencies:

   npm install

2. Configuration:
   • Open src/main.jsx and replace GOOGLE_CLIENT_ID with your actual Google Client ID.
   • Ensure Backend URL matches in src/services/api.js.
3. Run Development Server:

   npm run dev

Usage

1. Login with Google.
2. Create a Room or select an existing one.
3. Chat in real-time.
4. Find a user in the sidebar "Users" list and click the Video icon to call them.