DEBATR

Project Overview

DebatR is a Web application that allows the users to have civilized debates on popular topics or topic of their choice through video chat. Our app controls the flow of the debate so the "DebatRs" can worry less about uncontrolled rants and focus more on discussions. There is also a debate review and user ranking system to allow users to view the results of pervious debates and increase their rating on the leaderboard.

Special thanks to Phil Nash and his Twilio Video chat with React Hooks tutorial to help make this application possible.

Contributors

• Avery Nguyen

• Andrew Delmar

• Trevor Thomas

• Alex Hladun

Screenshots

Languages and Tools

Dependencies

• Axios
• Bcrypt
• Cookie-session
• Fibers
• Postgres
• Sass
  • Node-sass
• React
  • React-dom
  • React-router-dom
  • React-scripts
  • React-scrollable-feed
  • React-simple-pie-chart
  • React-svg-piechart
• Recharts
• Socket.io
  • Socket.io-client
• Twilio-video
• Material-ui
• Bit
• Typescript
• Utf-8-validate

Getting Started

To run the application you will need a Twilio account and Node.js and npm installed. Start by forking and cloning this repo to your machine.

Twilio Credentials

You will need your Twilio Account SID, available in your Twilio console. Add it to the .env file.

You will also need an API key and secret, you can create these under the Programmable Video Tools in your console. Create a key pair and add them to the .env file too.

Install the dependencies:

npm install

Create a .env file by copying the .env.example.

cp .env.example .env

Running the Database

This project was devloped using Elephantsql but it would also work with Postgres. The database route can be located in server/db.js

Running the application

Once you have completed the above you can run the application with:

npm run dev

This will open in your browser at localhost:3000.