The latest articles on DEV Community by A. Koepcke (@akoepcke). https://dev.to/akoepcke https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F447189%2F03199900-5a2c-4bc7-a292-52d908c9ab7b.png https://dev.to/akoepcke en A. Koepcke Sun, 10 Jan 2021 21:27:23 +0000 https://dev.to/akoepcke/plate-calculator-4c24 https://dev.to/akoepcke/plate-calculator-4c24 <h2> What I built </h2> <p>A simple plate calculator for the gym.</p> <h3> Category Submission: </h3> <p><em>Program for the People</em></p> <h3> App Link </h3> <p><a href="https://platecalculator-k5jpa.ondigitalocean.app">Plate Calculator</a></p> <h3> Screenshots </h3> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--p485xDy0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/iiwjui59u4t4131cpi7c.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--p485xDy0--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://dev-to-uploads.s3.amazonaws.com/i/iiwjui59u4t4131cpi7c.png" alt="Alt Text"></a></p> <h3> Description </h3> <p>Simple: Select your barbell. Add weights.<br> It then gives you the total in kilograms.</p> <h3> Link to Source Code </h3> <p><a href="https://github.com/akoepcke/plateCalculator">GitHub</a></p> <h3> Permissive License </h3> <p><a href="https://choosealicense.com/licenses/mit/">MIT</a></p> <h2> Background </h2> <p>Lifting weights is, when done right, not only good for physical health, but also for mental health.<br> Wasting concentration and mental energy to calculate the total weight of barbell and plates, then checking and re-rechecking again, when I'm just glad I got to the gym and managed to grab a rack or bench, is, however, really annoying. </p> <p>There used to be a simple, and pretty, website, that did just this, but apparently it is not online anymore.</p> <p>There is also a bunch of other web apps and smartphone apps, though I have not yet found one that works with kilograms, uses the plate sizes I have available, and also looks good to my eyes.</p> <h3> How I built it </h3> <p>The app is a simple static HTML page.<br> Styling is done with <a href="https://tailwindcss.com">TailwindCSS</a>.</p> <p>Functionality is implemented with <a href="https://github.com/alpinejs/alpine/">Alpine.js</a>.</p> <p>I've been using Alpine when it was first released and still in Beta. It has grown and changed quite a bit since then, and I was looking for a simple app to try it out again. Functionally, the plate calculator is not quite as boring as the typical ToDo-List, but not so complicated that I would need days to understand and implement it.</p> <p>The GitHub repo has a shiny "Deploy to DigitalOcean"-Button, that really made deployment way too easy.</p> <h3> Additional Resources/Info </h3> <p><a href="https://tailwindcss.com">TailwindCSS</a><br> <a href="https://github.com/alpinejs/alpine/">Alpine.js</a></p> dohackathon html javascript