Light

shubhamkhatal70 / video-chat Goto Github PK

View Code? Open in Web Editor NEW

28.0 2.0 15.0 1.86 MB

A video calling application that uses React and WebRTC to create a video chatting system that anybody can use without having to create an account and start contacting friends one on one or in groups. While on call, you may share your screens and exchange messages at the same time.

JavaScript 84.02% HTML 3.18% CSS 12.80%

videocall videocalling calling react redux sockets nodejs peerjs webrtc videochat

video-chat's Introduction

video-chat

This project was generated with React CLI version 17.0.2

This project was generated with Node.JS Open CLI version 14.16.1

Frontend

npx create-react-app appname

Run npm start for a dev server. Navigate to http://localhost:3000/. The app will automatically reload if you change any of the source files.

packages and dependencies

add this script to index.html after <title> tag -> <script src="https://unpkg.com/[email protected]/dist/peerjs.min.js"> </script>

npm install socket.io-client

npm install --save react-router-dom

npm install --save react-redux redux

npm install redux-devtools-extension --save

npm install --save react-icons

Backend

Run npm start for a dev server. Navigate to http://localhost:5000/

packages and dependencies

npm init -> set entry point as 'server.js'

npm install --save express

npm install --save socket.io

npm install --save peer

npm install --save uuid // for unique id of group calls

React Help

For help getting started with React, view our online documentation, which offers tutorials, samples and guidance.

screenshots

Login

Dashboard

Calling

Chat

Group Call

video-chat's People

Contributors

Stargazers

Watchers

Forkers

my-testes vinodkurra vismayyerunkar dsardar099 didiamuri richie48 mohammadadnangm mcristofalo nighthack36 awaisshah228 jorzhikgit vdenejhnev abdullahtaha050 nimeshpalsingh

video-chat's Issues

Failed to compile

i ran npm start in the video-chat-server
then npm start in the video-chat-frontend
then i got this error:

Failed to compile
./src/Dashboard/components/DirectCall/DirectCall.js
Syntax error: C:/Users/User/Downloads/video-chat-master/video-chat-frontend/src/Dashboard/components/DirectCall/DirectCall.js: Unexpected token (26:5)

24 |
25 | return (

26 | <>
| ^
27 |
28 | {remoteStream && callState === callStates.CALL_IN_PROGRESS && }
29 | {callRejected.rejected && <CallRejectedDialog
This error occurred during the build time and cannot be dismissed.

do you have any idea what i need to do

Invalid Token

I have just realized that in the files

video-chat-frontend/src/Dashboard/components/DirectCall/DirectCall.js
video-chat-frontend/src/Dashboard/components/GroupCall/GroupCall.js
video-chat-frontend\src\Dashboard\components\GroupCallRoomsList\GroupCallRoomsList.js
and more other files like this
wherever there was this sort of function to return values

return (
<>

the system is showing an error Failed to compile because of an unexpected token <
this part is highlighted <>
what is the problem there....is it an internal problem on my pc or the code?

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.