Rep_Teams

Welcome to Shubh_Meet

A video chat app built from scratch without the use of any public or pre existing APIs/SDKs like firebase/jitsi

Video link : youtube
Demo link : shubh-meet

Features

Instantly create a new room or join a new one 💬
Video call with multiple people in real-time 📹
Mute audio/video 🙊
Share screen during video call 💻
Chat before starting a video call by creating a new room in conversations tab 😇
Chat with your friends during a video call 😜
View the chats that happened in the video meet before you even joined to catch up with others if u are late 🤙
Chat notifications 📸
Continue your chat after the video call also ( includes your chats during the call ) 🤭
Authentication support using passport and JWT tokens to prevent unknown users 🙌
Simple and intuitive UI 😍
XSS sanitization of chats (security 😉)

TechStacks / Modules used

ReactJS - (reactstrap , materailUI, etc)
Redux
Passport auth
Express
MongoDB
SocketIO
WebRTC
and others

API endpoints

/users (admin only)
/users/login
/users/signup
/facebook/token (fb auth)
/users/checkJWTToken
/groups (to fetch groups of user)
/groups/:roomId ( to fetch messages )

Requirements

To be able to run this app locally :

you need to have Nodejs installed
you need to have node package manager , npm or yarn( preferable )
It currently uses a free and limited storage mongoDB cluster . To use local database or your database , change the mongoUrl in config.js . ( Use ‘localhost:27017’ for using local mongoDB and execute mongo run command on your terminal before using ) .

Installation / Local Setup

Running locally ( production server )

`Step 1` - clone the repo

$ git clone https://github.com/5h0bh4nk/SHUBH_TEAMS_

`Step 2` - cd in the repo

$ cd SHUBH_TEAMS_

`Step 3` - install dependencies

$ yarn install

`Step 4` - Build the react app

$ yarn build

`Step 5` - run application

$ yarn start

In browser, open http://localhost:4001

Running locally ( Development server )

`Step 1` - clone the repo

$ git clone https://github.com/5h0bh4nk/SHUBH_TEAMS_

`Step 2` - cd in the repo

$ cd SHUBH_TEAMS_

`Step 3` - install dependencies

$ yarn install

`Step 4` - run application

$ yarn dev

In browser, open http://localhost:8000

Code Structure

- 📂 __CODE STRUCTURE___
   - 📄 [README.md](/Rep_Teams/)
   - 📄 [app.js](/Rep_Teams/app.js)
   - 📄 [authenticate.js](/Rep_Teams/authenticate.js)
   - 📄 [cicd.jpg](/Rep_Teams/cicd.jpg)
   - 📂 __client__
     - 📄 [package.json](/Rep_Teams/client/package.json)
     - 📂 __public__
       - 📄 [icon.png](/Rep_Teams/client/public/icon.png)
       - 📄 [index.html](/Rep_Teams/client/public/index.html)
       - 📄 [manifest.json](/Rep_Teams/client/public/manifest.json)
       - 📄 [package.json](/Rep_Teams/client/public/package.json)
       - 📄 [robots.txt](/Rep_Teams/client/public/robots.txt)
     - 📂 __src__
       - 📄 [App.js](/Rep_Teams/client/src/App.js)
       - 📂 __Components__
         - 📂 __ContactBar__
           - 📄 [ContactBar.css](/Rep_Teams/client/src/Components/ContactBar/ContactBar.css)
           - 📄 [ContactBar.js](/Rep_Teams/client/src/Components/ContactBar/ContactBar.js)
         - 📂 __Header__
           - 📄 [Header.css](/Rep_Teams/client/src/Components/Header/Header.css)
           - 📄 [Header.js](/Rep_Teams/client/src/Components/Header/Header.js)
         - 📂 __Jumbotron__
           - 📄 [jumbotron.css](/Rep_Teams/client/src/Components/Jumbotron/jumbotron.css)
           - 📄 [jumbotron.js](/Rep_Teams/client/src/Components/Jumbotron/jumbotron.js)
         - 📂 __Navbar__
           - 📄 [Navbar.css](/Rep_Teams/client/src/Components/Navbar/Navbar.css)
           - 📄 [Navbar.js](/Rep_Teams/client/src/Components/Navbar/Navbar.js)
         - 📂 __SignButtons__
           - 📄 [SignButtons.css](/Rep_Teams/client/src/Components/SignButtons/SignButtons.css)
           - 📄 [SignButtons.js](/Rep_Teams/client/src/Components/SignButtons/SignButtons.js)
       - 📂 __Containers__
         - 📂 __Dashboard__
           - 📄 [Dashboard.css](/Rep_Teams/client/src/Containers/Dashboard/Dashboard.css)
           - 📄 [Dashboard.js](/Rep_Teams/client/src/Containers/Dashboard/Dashboard.js)
         - 📂 __Homepage__
           - 📄 [Homepage.css](/Rep_Teams/client/src/Containers/Homepage/Homepage.css)
           - 📄 [Homepage.js](/Rep_Teams/client/src/Containers/Homepage/Homepage.js)
         - 📂 __Login__
           - 📄 [Login.css](/Rep_Teams/client/src/Containers/Login/Login.css)
           - 📄 [Login.js](/Rep_Teams/client/src/Containers/Login/Login.js)
         - 📂 __MeetStart__
           - 📄 [Home.css](/Rep_Teams/client/src/Containers/MeetStart/Home.css)
           - 📄 [Home.js](/Rep_Teams/client/src/Containers/MeetStart/Home.js)
         - 📂 __Room__
           - 📂 __Helpers__
             - 📄 [peerConnectionConfig.js](/Rep_Teams/client/src/Containers/Room/Helpers/peerConnectionConfig.js)
             - 📄 [server\_url.js](/Rep_Teams/client/src/Containers/Room/Helpers/server_url.js)
           - 📄 [Video.css](/Rep_Teams/client/src/Containers/Room/Video.css)
           - 📄 [Video.js](/Rep_Teams/client/src/Containers/Room/Video.js)
         - 📂 __Signup__
           - 📄 [Signup.css](/Rep_Teams/client/src/Containers/Signup/Signup.css)
           - 📄 [Signup.js](/Rep_Teams/client/src/Containers/Signup/Signup.js)
       - 📂 __Messenger__
         - 📂 __App__
           - 📄 [App.test.js](/Rep_Teams/client/src/Messenger/App/App.test.js)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/App/index.js)
         - 📂 __Compose__
           - 📄 [Compose.css](/Rep_Teams/client/src/Messenger/Compose/Compose.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/Compose/index.js)
         - 📂 __ConversationList__
           - 📄 [ConversationList.css](/Rep_Teams/client/src/Messenger/ConversationList/ConversationList.css)
           - 📄 [Dropdown.js](/Rep_Teams/client/src/Messenger/ConversationList/Dropdown.js)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/ConversationList/index.js)
         - 📂 __ConversationListItem__
           - 📄 [ConversationListItem.css](/Rep_Teams/client/src/Messenger/ConversationListItem/ConversationListItem.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/ConversationListItem/index.js)
         - 📂 __ConversationSearch__
           - 📄 [ConversationSearch.css](/Rep_Teams/client/src/Messenger/ConversationSearch/ConversationSearch.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/ConversationSearch/index.js)
         - 📂 __Message__
           - 📄 [Message.css](/Rep_Teams/client/src/Messenger/Message/Message.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/Message/index.js)
         - 📂 __MessageList__
           - 📄 [MessageList.css](/Rep_Teams/client/src/Messenger/MessageList/MessageList.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/MessageList/index.js)
         - 📂 __Messenger__
           - 📄 [Messenger.css](/Rep_Teams/client/src/Messenger/Messenger/Messenger.css)
           - 📄 [Messenger.js](/Rep_Teams/client/src/Messenger/Messenger/Messenger.js)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/Messenger/index.js)
         - 📂 __Toolbar__
           - 📄 [Toolbar.css](/Rep_Teams/client/src/Messenger/Toolbar/Toolbar.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/Toolbar/index.js)
         - 📂 __ToolbarButton__
           - 📄 [ToolbarButton.css](/Rep_Teams/client/src/Messenger/ToolbarButton/ToolbarButton.css)
           - 📄 [index.js](/Rep_Teams/client/src/Messenger/ToolbarButton/index.js)
       - 📄 [index.js](/Rep_Teams/client/src/index.js)
       - 📂 __redux__
         - 📄 [ActionCreators.js](/Rep_Teams/client/src/redux/ActionCreators.js)
         - 📄 [ActionTypes.js](/Rep_Teams/client/src/redux/ActionTypes.js)
         - 📄 [auth.js](/Rep_Teams/client/src/redux/auth.js)
         - 📄 [configureStore.js](/Rep_Teams/client/src/redux/configureStore.js)
         - 📄 [forms.js](/Rep_Teams/client/src/redux/forms.js)
       - 📄 [serviceWorker.js](/Rep_Teams/client/src/serviceWorker.js)
       - 📂 __shared__
         - 📄 [basUrl.js](/Rep_Teams/client/src/shared/basUrl.js)
         - 📂 __images__
           - 📄 [demo.webp](/Rep_Teams/client/src/shared/images/demo.webp)
           - 📄 [logo\-icon.png](/Rep_Teams/client/src/shared/images/logo-icon.png)
           - 📄 [logo\-white.png](/Rep_Teams/client/src/shared/images/logo-white.png)
           - 📄 [mslogo.svg](/Rep_Teams/client/src/shared/images/mslogo.svg)
         - 📂 __storage__
           - 📄 [data.js](/Rep_Teams/client/src/shared/storage/data.js)
   - 📄 [config.js](/Rep_Teams/config.js)
   - 📄 [demo.png](/Rep_Teams/demo.png)
   - 📄 [list.md](/Rep_Teams/list.html)
   - 📄 [package.json](/Rep_Teams/package.json)
   - 📄 [procfile](/Rep_Teams/procfile)
   - 📂 __server__
     - 📂 __models__
       - 📄 [groups.js](/Rep_Teams/server/models/groups.js)
       - 📄 [message.js](/Rep_Teams/server/models/message.js)
       - 📄 [user.js](/Rep_Teams/server/models/user.js)
     - 📂 __routes__
       - 📄 [cors.js](/Rep_Teams/server/routes/cors.js)
       - 📄 [groupsRouter.js](/Rep_Teams/server/routes/groupsRouter.js)
       - 📄 [index.js](/Rep_Teams/server/routes/index.js)
       - 📄 [users.js](/Rep_Teams/server/routes/users.js)

Rep_Teams

Welcome to Shubh_Meet

Features

TechStacks / Modules used

API endpoints

Requirements

To be able to run this app locally :

Installation / Local Setup

Running locally ( production server )

Step 1 - clone the repo

Step 2 - cd in the repo

Step 3 - install dependencies

Step 4 - Build the react app

Step 5 - run application

Running locally ( Development server )

Step 1 - clone the repo

Step 2 - cd in the repo

Step 3 - install dependencies

Step 4 - run application

Code Structure

`Step 1` - clone the repo

`Step 2` - cd in the repo

`Step 3` - install dependencies

`Step 4` - Build the react app

`Step 5` - run application

`Step 1` - clone the repo

`Step 2` - cd in the repo

`Step 3` - install dependencies

`Step 4` - run application