I developed a comprehensive video animation tool for EasyCoach.club, a platform that helps sports coaches create and share coaching drills and exercises. The tool I built allows coaches to easily design and animate their own coaching drills, incorporating teams with customizable player names and numbers.
Key features of the tool include:
Drag-and-drop interface for positioning players, balls, and other elements
Integration with FabricJS for advanced 2D graphics and animation
Automatic team and player rendering based on configurable rosters
Seamless video export using Puppeteer and FFmpeg libraries
Real-time preview and playback of animated drills
As the lead developer on this project, I was responsible for the overall architecture, front-end implementation, and integration of various technologies. I utilized ReactJS to build a modern, responsive user interface, and leveraged powerful libraries like FabricJS, Puppeteer, and FFmpeg to handle the complex video animation and export functionality.
Through this project, I demonstrated my expertise in front-end development, video processing, and integrating diverse technologies to create a feature-rich and user-friendly tool. The EasyCoach video animation tool has been a critical component in helping their coaches create high-quality, professional-looking training content for their teams.
