Connect-app

Connect-app (Connect,chat,video call)

FULL STACK PROJECT - CONNECT APP

Tech Stack - React Node Express Mongoose TanstackQuery Stream-chat

Highlights:

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

---

🧪 .env Setup

Backend (/backend)

PORT=5001
MONGO_URI=your_mongo_uri
STREAM_API_KEY=your_stream_api_key
STREAM_API_SECRET=your_stream_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

AUTHOR

• @SwethaNatarajan

Hi, I'm Swetha Natarajan, an Engineer.

🔗 Links

LinkedIn - https://www.linkedin.com/in/swetha-natarajan-61560a20a