A virtual playbook for coaches, drill directors, and dancers to map and visualize synchronized movement in action. Users can log-in to create or view all of their saved plays, drag and drop to edit player's positions, set travel paths/routes for each player, and hit play to see all of the players move along their routes.
Built on a React-Redux front end and Ruby on Rails back end. Playbook uses JSON Web Tokens to verify authorization and BCrypt to protect user passwords.
Back end repository can be found here.
To run on a local server:
PORT=4000 yarn start
- React-Redux - Web framework used to centralize state management
- AnimeJS - Lightweight animation library implemented to enable animations in opening page and player movement
- Draggable - Used to enable drag and drop functionality
- Assets created by Zaff Studio from the Noun Project
- Opening Logo font design by Ann Kim
- Custom player icons by Brie Sáez