Showoff Saturday] I got tired of heavy fitness apps, so I built a lightweight Vanilla JS PWA with visual muscle fatigue tracking.

/u/zAl3x_Fit Reddit r/webdev 2026-09-05 23:53 1 views

Hey everyone,

I wanted a tracker that didn't feel bloated, so I built this entirely in Vanilla JS and Firebase. No heavy frameworks, just raw performance so it loads instantly in the gym.

The hardest part was building the "Biological Fatigue Map". I custom-designed SVG muscle maps for exercises (pull-ups, squats, deadlifts, etc.). The app dynamically colors the SVGs (green/yellow/red) based on the volume logged in the last 72 hours to visualize recovery.

I also implemented an Anonymous Guest Login so anyone can test the UI mechanics without creating an account.

You can try the live PWA here: https://gymtracker-af175.web.app

I'd love some feedback on the codebase approach (Vanilla JS vs moving to React/Vue later) or the UI flow!

submitted by /u/zAl3x_Fit
[link] [留言]

Read original: https://www.reddit.com/r/webdev/comments/1w84e5v/showoff_saturday_i_got_tired_of_heavy_fitness/

Frontend

Reminder that GOV.UK Design System is not the only one out there

Over the past few days, I was trying out gov.uk prototype system for my static website. Like every night owl, the unbranded template's white background was hurting my eyes. I googled for some sort of dark mode, found The National Archives Design System. It suits my purpose, has the dark mode, and i

Reddit r/webdev 2026-09-06

Frontend

WebForms.php 2.1 Released - DeepSeek Converted and Qwen Evaluated

WebForms.php 2.1 has been released as the PHP back-end implementation of WebForms Core 2.1. This release is different from a typical porting story. The PHP implementation was converted from the C# implementation of WebForms Core using DeepSeek, and then independently evaluated with Qwen. The proc

DEV Community 2026-09-06

Frontend

Parameters and Arguments in JavaScript

When working with JavaScript functions, you will often hear two terms: parameters and arguments. They are closely related, but they have different meanings. What is a Parameter? A parameter is a variable that we define inside the function's parentheses when creating a function. It acts

DEV Community 2026-09-06

Showoff Saturday] I got tired of heavy fitness apps, so I built a lightweight Vanilla JS PWA with visual muscle fatigue tracking.

Related

Reminder that GOV.UK Design System is not the only one out there

WebForms.php 2.1 Released - DeepSeek Converted and Qwen Evaluated

Parameters and Arguments in JavaScript