Skip to content

devkamanish/realtime-chat-app

Repository files navigation

✨ Streamify -Connect Seamlessly ✨

A full-stack, real-time language exchange platform enabling users to chat, video call, and collaborate with ease — across themes, languages, and devices.

SVG Screenshot

Highlights:

  • 🌐 Real-time Messaging with Typing Indicators & Reactions
  • 📹 1-on-1 Video Calls with Screen Sharing & Recording
  • 🔐 JWT Authentication & Protected Routes
  • 🌍 Language Exchange Platform with 32 Unique UI Themes
  • ⚡ Tech Stack: React + Express + MongoDB + TailwindCSS + TanStack Query
  • 🧠 Global State Management with Zustand
  • 🚨 Error Handling (Frontend & Backend)
  • 🚀 Free Deployment Render
  • 🎯 Built with Scalable Technologies like Stream
  • ⏳ And much more!

⚒️Tech Stack:

  • Frontend: React.js, Tailwind CSS, TanStack Query, Zustand
  • Backend: Node.js, Express.js, MongoDB
  • Authentication: JWT
  • Third-Party: Stream API
  • Deployment: Vercel (frontend), Render/Railway (backend)

SignUp Page

SVG Screenshot

Home Page

Homepage

Chat Page

SVG Screenshot

Call Page

SVG Screenshot

🧪 .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

🔧 Run the Backend

cd backend
npm install
npm run dev

💻 Run the Frontend

cd frontend
npm install
npm run dev

Simply run the app

npm run start

🔗 Links

About

Full-stack real-time chat application built with React.js, Node.js, Socket.io, and MongoDB.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published