Game Sleuth - Front End Mod 3 Stretch Project

---

Overview

A board game searching app that allows you to find any board game based on your criteria.

Sleuth for games here on the live site!

Goals

• Create a React app that has user interaction with use of a REST Api
• Research and incorporate brand new technology into the app
• Create and design a MVP without any guidance or set mockups

Technologies and Tools

• React with Hooks
• TypesScript
• JavaScript
• JSX
• Material-UI
• HTML
• SASS
• Heroku
• git
• GitHub
• Terminal

Wins

• Successfully created a TypeScript design React App
• Using React Hooks to remove all class components from our app
• Effective communication and using a git workflow to prevent any merge issues

Challenges

• Incorporating Typescript for the first time
• Integration testing Material-UI Slider components
• Realizing which components need to be rendered in order to properly test components

Site Design

Search for a game by name

Search for a game by a range

All two player games

Single Game view

---

Set up

• Clone the repository down and cd into the repo on your local machine.
• Install the library dependencies by running:
  • npm install
• To verify that it is setup correctly, run npm start in your terminal.
• Go to http://localhost:3000/ and the site should display and have functionality.
• Enter control + c in your terminal to stop the server at any time.

Contributors:

• Bryce Jarrett

• Mike Flynn

• Shawn Truesdale