Aigarsss / workout-app

Base setup

• Markdown formatting: https://www.markdownguide.org/basic-syntax/
• React with ts and webpack: https://muhammad-ata.medium.com/how-to-setup-react-typescript-project-from-scratch-with-webpack-fa45a90c7a4d

Manifest

• https://developer.mozilla.org/en-US/docs/Web/Manifest
• https://dev.to/chuksjoe/how-to-transform-a-react-app-built-on-webpack-to-pwa-glb

Loading svgs in ts

• https://www.pluralsight.com/guides/how-to-load-svg-with-react-and-webpack

Form handling

• https://www.digitalocean.com/community/tutorials/how-to-build-forms-in-react

Linter and prettier

• yarn add eslint-plugin-react-hooks eslint-plugin-react -D

  "eslint.validate": [ "javascript", "javascriptreact", "typescript", "typescriptreact" ]

Service workers/PWA

• https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/

Generate apple icons for installed app

• https://felixgerschau.com/how-to-make-your-react-app-a-progressive-web-app-pwa/
• yarn pwa-asset-generator src/assets/512.png src/assets/appleIcons --background black --splash-only --quality 80

Enable playing sounds on mobile

• https://curtisrobinson.medium.com/how-to-auto-play-audio-in-safari-with-javascript-21d50b0a2765

To install locally

yarn install