Soccer Tactics Board

An application that allows users to visualize strategy against the opposition, attacking/defending set piece formations, and how to play out in-game situations.

Application:

https://soccertactics.herokuapp.com/

Demo Account

Username: PasswordIsTaco | Password: taco

Screenshots

Formation Page

Formation List

Instructions:

Fork Formation
• Navigate to formation page
• Click on 'Fork'
• Once prompt displays, enter name of formation
• Click 'OK'
• Navigate to your Profile page; forked formation will be listed with the new user input formation name
Create Formation
• Log-in to account
• Navigate to Profile page
• Input a formation name in the input field
• Click 'Submit'
• User will be directed to a default formation page to begin working on a new formation
Save Formation
• Make updates to formation or player table
• Click 'Save' button
• An alert will display to confirm formation updates have been saved

Technology

• HTML (Handlebars.js)
• CSS
• JavaScript
• jQuery
• D3.js
• Express
• Passport
• Node.js
• Mongoose
• MongoDB