Fullstack Language Exchange platform

Highlights:

• Real-time Messaging with Typing Indicators & Reactions
• 1-on-1 and Group Video Calls with Screen Sharing & Recording
• JWT Authentication & Protected Routes
• 32 Unique UI Themes
• Tech Stack: React + Express + MongoDB + TailwindCSS + TanStack Query
• Global State Management with Zustand
• Error Handling (Frontend & Backend)
• serverside pagination and lazy message loading

---

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