Skip to content

Latest commit

 

History

History
86 lines (70 loc) · 2.28 KB

README.md

File metadata and controls

86 lines (70 loc) · 2.28 KB
Your Icon

LiveVibes is a live video streaming website where users can stream their webcam or screen, or both. The platform also includes a live chat feature for interactive communication.

🌟 Features

  • Webcam Streaming
  • Screen sharing
  • Live chat

💻 Technology Used

  • React
  • Node.js
  • Express
  • MongoDB
  • WebRTC
  • Socket.io
  • Cloudinary

📸 Screenshots

📝 Sign Up

Sign Up

🔐 Log In

Log In

🖥️ Dashboard

Dashboard

🎥 Streamer Page

Before Stream Start Stream Start Ongoing Stream

🚀 Active Streams

Active Streams

👀 Viewer Page

Viewer Page

💻 How to Run Locally

🌐 Frontend

  1. Navigate to the frontend directory.
  2. Create a .env file with the following content: 
    VITE_SERVER_LINK=http://localhost:8000  
# Set to the port your backend is running on
  3. Install dependencies: 
    npm install
  4. Run the frontend: 
    npm run dev

🌐 Backend

  1. Navigate to the backend directory.
  2. We are using Cloudinary service for file upload and storing images in it. To use Cloudinary, create an account there and get API key.
  3. Create a .env file with the following content: 
    MONGODB_URI=your_mongodb_url
CORS_ORIGIN=http://localhost:your_frontend_port 
# Set to your frontend localhost link
ACCESS_TOKEN_SECRET=your_secret_key
ACCESS_TOKEN_EXPIRY=1d 
# Set to your preferred token expiry time
CLOUDINARY_CLOUD_NAME=your_cloudinary_cloud_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
  4. Install dependencies: 
    npm install
  5. Run the backend: 
    npm start

📄 License

This project is licensed under the MIT License - see the LICENSE file for more details.