A website where users can share a special URL and invite other people to join them for a video chat

by React

Code-with-Companion

Tech Stack Used: React.js, Socket .io, Tailwind.css

A website where users can share a special URL and invite other people to join them for a video chat. The website’s built-in code editor also allows users to alter one another’s code and compile it in several programming languages that may be saved. Users can also draw out their ideas using a whiteboard and they can record the entire session and store it in your downloads.

Deployment

https://code-with-companion-bice.vercel.app/

Prerequisite

  • You must have node.js installed in your system.
  • Use the package manager to install applications prerequisite node_modules
npm i

How to access the project

Run the following to command to run the app in the development mode.

npm start

Open http://localhost:3000 to view it in your browser. The page will reload when you make changes. You may also see any lint errors in the console.

Synopsis of the project

  • The website starts by giving you a special URL where you can chat with other users via sharing this URL.
  • Users can video and audio chat with ever user.
  • The website can compile code in 5 different Programming Language (C, C++, Python2.7, Python 3.0, Java). The user can add inputs form the input tab.
  • All code and input changes will be reflected to every user.
  • User can record session and save it in there download. There is also an option of saving code as well.
  • Whiteboard is also there to connect users through visualization.
  • Problem Statement Tab allow users to see a Specific Problem Statement to solve.

Screenshots

  • Home Screen:
  • Whiteboard:
  • Problem Statements:
  • Screen Recorder Output :
  • User Video and Mic Off:

Future Scope of this project

  1. Adding functionally to add user problem statements.
  2. UI Fixes.
  3. Adding ways to authenticate user.

References

GitHub

View Github