🌟 SnapTalk — Real-Time Chat & Video Communication Web App

SnapTalk is a modern real-time messaging and video communication web application built using the MERN stack. It supports instant chat with rich interactions, secure authentication, and powerful video features like screen sharing and recording — all wrapped in 32 beautiful UI themes.

---

🛠️ Tech Stack

Frontend

• React.js
• Tailwind CSS
• TanStack Query
• Zustand

Backend

• Node.js
• Express.js
• MongoDB
• JWT Authentication

---

✨ Features

💬 Messaging

• ✅ Real-time messaging
• ✅ Typing indicators
• ✅ Message reactions
• ✅ Smooth & responsive chat UI

🎥 Video Communication

• ✅ Video calls
• ✅ Screen sharing
• ✅ Recording support

🔒 Authentication & Security

• ✅ JWT Authentication
• ✅ Secure login/signup system

🎨 UI / UX

• ✅ 32 unique UI themes
• ✅ Fully responsive UI
• ✅ Clean modern design

🧪 .env Setup

Backend (/backend)

PORT=5001
MONGO_URI=your_mongo_uri
STEAM_API_KEY=your_steam_api_key
STEAM_API_SECRET=your_steam_api_secret
JWT_SECRET_KEY=your_jwt_secret
NODE_ENV=development

Frontend (/frontend)

VITE_STREAM_API_KEY=your_stream_api_key

---

🔧 Run the Backend

cd backend
npm install
npm run dev

💻 Run the Frontend

cd frontend
npm install
npm run dev