🌐 Streamify — Real-Time Chat and Video Call Web App

🔗 Live Demo:
👉 https://streamify-8sh2.onrender.com

---

✨ Overview

Streamify is a real-time chat and video call web app. With live messaging, friend suggestions, and a vibrant UI, it provides a rich learning and social experience — with typing indicators, emoji reactions, and 32 unique UI themes.

---

🚀 Features

• 👤 User Registration, Login, Onboarding
• 🤝 Send & Accept Friend Requests
• 🔔 Notification Center
• 🧠 User Recommendations
• 💬 Real-Time Chat with:
  • ✅ Typing Indicators
  • ✅ Emoji Reactions
  • ✅ Threaded Messages
• 🌍 Location Autocomplete (OpenStreetMap)
• 🖼️ RoboHash Random Avatar Generator
• 📱 Fully Responsive UI + Mobile Drawer Sidebar
• 🌈 32 DaisyUI Themes (dark/light + custom)
• 🔐 Secure Cookie-based JWT Auth
• 🧭 Route Management via React Router

---

🧩 Tech Stack

Frontend

Tech	Description
React	SPA framework
React Router DOM	Routing
Tailwind CSS	Utility-first CSS framework
DaisyUI	Tailwind UI components + themes
Lucide React	Clean, modern icon set
React Query	Server state management (TanStack)
Stream Chat SDK	Real-time chat (stream-chat-react)
react-hot-toast	Toast notifications

Backend

Tech	Description
Node.js + Express	RESTful API server
MongoDB + Mongoose	Database for user & friend data
JWT	Auth token generation & validation
cookie-parser	Middleware for reading auth cookie
dotenv	Environment variables
CORS	Cross-origin requests

---

💬 Real-Time Messaging

Stream Chat:

• 🔒 Token-secured channel access
• 📡 Typing indicators & emoji reactions
• 📬 Message threads, user presence, message history
• ⚙️ Permission-based channel roles (ReadChannel, CreateChannel)

🧰 Setup

1. Clone & Install

git clone https://github.com/your-org/streamify.git
cd streamify
npm install

MONGO_URI=mongodb://localhost:27017/streamify

JWT_SECRET_KEY=your_jwt_secret

# Stream Chat
STREAM_API_KEY=your_stream_api_key
STREAM_SECRET=your_stream_secret

# PORT
PORT=5000