Skip to content

Browser based golf swing analyzer built with React, Redux, Tailwind and Konva.js. ⛳️🔥

Notifications You must be signed in to change notification settings

tlouth19/analyze.golf

Repository files navigation

Fancy logo Fancy logo

Summary

A browser based golf swing analyzer built with Vite, React, Redux, Tailwind and Konva.js.

Video playback is completely client side - there is no video uploading or server side integration required. Swing lines are drawn using canvas with the help of Konva.js.

Motivation

There are lots of swing analyzer apps available for IOS and Android, but none on the web. My goal is to try to see how close a browser implementation can get to a native app.

Features

  • 📱 PWA with auto updates
  • 📶 Offline support
  • 🔄 Flip swing video
  • 🖌 Draw swing lines
  • 🏎 Fast (~100kb JS, ~3kb CSS)
  • 💻 Fully client side, no video upload or server integration

Roadmap

  • Light/dark mode
  • Update to Vite
  • PWA
  • Offline support
  • Remove Redux
  • Trim video
  • Pan/zoom video
  • Testing with Vitest
  • Improve home design
  • Accessibility improvements
  • Compare multiple swings
    • Allow selecting of multiple user videos
    • Add library of swing videos of professionals to compare against
  • Persist video locally (maybe not possible)