Debatable

An icebreaker tool for bizarre arguments.

Contributors:

• Charles Wefso (GitHub: CWefso)

Learning Goals

• Building applications in React
• Testing React with Jest and React Testing Library
• Develop better practices for making commits and project workflow.
• Using Router to manage URL states.
• Using Express to build a micro-service
• Managing API fetch calls and writing endpoints in the microservice.

Application Install Instruction

In a different directory than the server:

• Clone down this repo

• Run npm install

• Run npm start

• Go to localhost.3000 in your browser.

Project Overview

This application is designed to provide a short ice-breaker activity for groups of 5.

Instructions are provided

Two players are selected as debators. The rest are judges. Two random topics will be assigned to each debator.

1. The debators get 30 seconds to research.

2. Player One gets 60 seconds to make their case.

3. Player Two gets 60 seconds to make their case.

After both sides have had a chance to debate, the judges get to select a winner.

Future Plans

• Build out own dataset with better curated terms and images.
• Save winning teams to an array of champions.
• Optional amount of judges.
• MediaQueries for a better mobile experience.

Technologies Used

• React / Router
• React Hooks
• React Testing Library / Jest
• JavaScript
• HTML/CSS/SCSS

Systems/Practices

• git/Version Control
• ARIA