https://github.com/tlouth19/analyze.golf

Browser based golf swing analyzer built with React, Redux, Tailwind and Konva.js. ⛳️🔥
https://github.com/tlouth19/analyze.golf

canvas golf konvajs react tailwindcss typescript video vite

Last synced: 14 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/tlouth19/analyze.golf
• Owner: tlouth19
• Created: 2019-03-26T20:21:32.000Z (over 5 years ago)
• Default Branch: main
• Last Pushed: 2024-01-04T15:52:21.000Z (10 months ago)
• Last Synced: 2024-08-01T16:56:15.888Z (3 months ago)
• Topics: canvas, golf, konvajs, react, tailwindcss, typescript, video, vite
• Language: TypeScript
• Homepage: https://analyze.golf
• Size: 1.15 MB
• Stars: 40
• Watchers: 2
• Forks: 5
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Fancy logo](./public/light-logo.png#gh-dark-mode-only)

![Fancy logo](./public/dark-logo.png#gh-light-mode-only)

## 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

- [x] Light/dark mode 

- [x] Update to Vite

- [x] PWA

- [x] 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)