title	description
we talk project	a video chat app for the browser

video chat app (google meet simple clone)

Users Guide 🤙

If you need just to set it up and use it without reading a lot about I implement it, so you can start from here!

set it just locally (on your machine)

1. clone the app into your machine

git clone we_talk

2. change the directory to the project

cd we_talk

3. install the dependencies

yarn install 
# (or you can use npm)

4. download the peerjs locally using this command

npm install peer -g

5. then run it using 3001 port you can change the port

 peerjs --port 3001

6. then lunch the app

yarn dev

7. go to the browser and enter (https://localhost:3000/)

set it for use it in a large way 😄

1. do the same previews steps
2. install ngrok if you don't have it already on your machine
3. ngrok http localhost:3001
4. then get the link from ngrok and you have to change some lines in your code

script.js

const myPeer = new Peer(undefined, {
  host: "420dac3efc08.ngrok.io",//here you can put your new URL like 420dac3efc08.ngrok.io
});

instead of this in script.js file line 3

const myPeer = new Peer(undefined, {
  host: "/",
  port:"3001"// if you change the port in peer command line ,make sure to chnage it here too :)
});

5. ngrok http localhost:3000
6. get the last link and send it to your friends and start to communicate 👍

Used technologies 💯

this project is a simple implementation of nice tech like webRTC(real-time communacation ), peerjs ,and also express for simple backend logique , for the front end I chose just ejs as template engine , with bootstrap v4

1. webRTC (https://webrtc.org/)
2. peerjs (https://peerjs.com/)
3. socket.io (https://socket.io/)
4. nodejs (https://nodejs.org/en/)
5. express (https://expressjs.com/)
6. ejs,bootstrap (https://ejs.co/) (https://getbootstrap.com/)

tags: js nodejs webRTC socket.io peerjs expressjs html css