Game-Manager

Game Manager is an app for managing a local (offline) competition. Currently designed around FIFA (the video game, not the corrupt worldwide body responsible for managing the beautiful game known as, and rightfully called, football) with the intent of keeping records of players and handling the planning and organizing of round robin style tournaments between friends.

Getting Started

First you will need to make sure you have PostgreSQL installed on your computer.

• Note: Postgres.app is an awesome easy tool to run your postgres server. It is recommended for ease of use.

Then install the dependencies:

npm install

Set your user to config:

NOTE: This may or may not be needed, still clarifying the use of environment variables in package.json

npm config set Game-Manager:user {your local username here}

Then create your PSQL database:

npm run db

Next bundle everything up with webpack:

• Development

npm run build:watch

• Production

npm run build

Finally start the server:

• Development

npm run start:dev

• Production

npm start

and visit localhost:4000!

Stack

• PostgreSQL
  • Knex
  • The database has three tables currently
    • Games
      • Holds every game ever played!
      • Every game has Foreign Keys to both players, and the the tournament it is associated with.
    • Players
      • Basic username and ID table, will eventually grow as login and other account features are implimented.
    • Tournaments
      • Holds the Tournament name, ID, and the winner of that tournament.
• Express on Node
  • Our server is running express for easy route handling because.. what else would you do?
• React
  • The front end is handled with React and a list of components and what they do in the app is below

React Components

Component	Function	Parent View/Component	Statefull?
Main.jsx	Main is the overall app this is rendered from app.js.	I am your Father, luke.	Yes
AddPlayerForm	Add player form takes the input and adds it to the database. It makes a call to get all the players in the database and update the state with them on successful insertion into the database.	Main/Landing page	Yes
AllPlayersList	This component renders all the existing players as they stand in state, it also passes the function to move between this list and the NewTournamentPlayers list down to the player components	Main/Landing page	No
CurrentTournament	CurrentTournament renders the list of games for the current tournament	Main/Tournament 'View'	No
FinishTournament	This component will end the current tournament and calls the function to post the tournament winner to the database	Main/Tournament 'View'	No
Game	Game component represents a single game, has all the player info and score in them	CurrentTournament	No
GameStatsForm	This will take the information for entering a finished game, and post it to the db.	CurrentTournament	Yes
NewTournamentPlayers	NewTournamentPlayers shows the players that will be in the new tournament. Who knew!?	Main/Landing page	No
OngoingTournamentsList	Creates a list of all the ongoing tournaments	Main/Landing page	No
Player	Player components have the click handler and player data tied to them.	NewTournamentPlayers, or AllPlayerList	No
StartTournament	This form takes the tournament name and creates a new tournament with that name. It also runs the match up algorithm to generate the games	Main/Landing Page	Yes
StatLine	StatLine is the player's tournament stats rendered out for the table or standings	StatsTable	No
StatsTable	StatsTable renders out a list of StatLine components, one for each player	Main/Tournament 'View'	No
Tournament	Existing tournament, rendered into the OngoingTournamentsList Component	OngoingTournamentsList	No

MVP Product backlog

Always consider the scope

• Landing Page
  • Create Tournament
    • Tournament Name Field
    • Existing players 'drop down', or other component to select people for the tournament.
    • Add person, field if not existing
    • "Added Players to tournament" Component
  • Current Tournament View
    • Current Table component
      • PlayerTable components (sorted by points, with Goal Differential as a tie breaker)
    • Games component
      • Game components
        • has player name, and game score
      • Current game component
      • Enter Game stats
        • Score

Stretch Goals

• Make it pretty
  • Kinda pretty
  • Really pretty
• Player Stats Page
  • Sortable by each stat
  • Include tournament win count
  • Shots
  • Possession
  • Shots on Goal
  • Moar?
• Refactor to use PostgreSQL....
• For the list of existing players on the landing page, add a customized (soccer ball?) badge with the count of how many tournament that player has Won Something like this if you could replace the badge with an image? <li class="list-group-item">New <span class="badge">12</span></li>
• Some sort of (better) Congratulations to the winner when you end a tournament.
  • Customized SweetAlerts would seem to be the money ticket here.
• Possible to create multiple tournaments without logins?
  • home page shows every tournament and expand on selection?
• Doubles tournaments
  • Create teams of two players.
  • Update each player's stats. Win for the team is a win for the player.
    • Table/Standings in tournament renders Team standings for the tournament
• Login
  • Facebook?
    • Use person's Facebook picture to create an avatar
  • Player portal
    • shows open tournaments, and past ones
    • shows personal stats
• Brag on social
  • Facebook
  • Twitter
  • others?