Omegle-clone-react Live

Note:- Open this application in two browsers (for exa- Chrome and edge) to test and give me feedback 📧softdev.shivraj@gmail.com or you can fix the issue, i am open to merge your contribute.

Table of contents

1. Tech Stack
2. Demo
3. How to start

1. Tech Stack 🛠

1. ReactJS as frontend
2. NodeJS as backend
3. Socket.io as bi-directional communication

2. Demo 🎢

3. How to start 👨‍💻

1. Prerequisites:

• Ensure Node.js is installed on your device.
• Basic familiarity with the following technologies is assumed:
  • React.js - React.js Official Documentation
  • Node.js - Learn more about Node.js
  • Socket.io - Socket.io Documentation
  • JavaScript - JavaScript MDN Web Docs
  • Tailwind CSS - Tailwind CSS Documentation

These prerequisites are essential for a smooth setup and understanding of the project.

2. backend setup

1. clone backend repository

git clone https://github.com/iamshiv007/omegle-backend.git

2. jump in to project

cd omegle-backend

3. install packages

npm install

4. Enviroment variables
   • create a .env file
   • set the variables

PORT="8080"
FRONTEND_URL="http://localhost:3000"

5. start server

node app.js

OR (if you have nodemon installed)

nodemon app.js

now you would get this output in terminal

Server run on port http://localhost:8080

3. frontend setup

1. clone frontend repository

git clone https://github.com/iamshiv007/omegle-clone.git

2. again jump in to project

cd omegle-clone

3. install packages

npm install

4. set enviroment variables
   • create .env.local file
   • and put the anviroment variables

     REACT_APP_BASE_URL=http://localhost:8080

5. start project

   npm start

🎉 Now you ready to explore, create and contribute.🤝

🌟 Give a star if you find this project helpful.⭐️

🌟Thank You for visiting my project😀🙏⭐️