Single man team.

Team Members

Launch Site


This project is an SVG based responsive soccer lineup or tactics board

V800 team 7d4cb344fc7dd58f2a138a790da100ce 1537198907


The idea is to create a responsive soccer tactics board based on SVG so that it's easily shareable, customizable and the resultant tactics can be used in various soccer publications


  1. Click and drag the player circle on the soccer field to reposition players to different positions on the field
  2. Click on player name to edit the name in the modal popup
  3. Change colors with the color controls on the right pane

Built With

Uses SSR(next)
Also uses React-dnd and Redux Uses firebase to persist and create a shareable link

Feedback / Ratings (6)

All Feedback