Utility Web Application
The System
Stack: vanilla JS/HTML/CSS frontend, Supabase for auth + database, deployed on Vercel. Biggest lesson: the hardest part wasn't the gamification logic or the UI — it was rethinking the training log from "type in every set manually" to an actual checklist you can move through mid-workout. Small UX decision, completely changes whether the app feels like a tool or a chore.
What it is about
you've got five stats — STR, VIT, AGI, PER, INT — and each one levels up on its own once it hits 100 XP (level = XP÷100, rounded down, plus 1), with your overall Hunter Rank being the sum of all five stat levels (E under 15 total, climbing through D/C/B/A up to S at 60+). You earn XP by actually doing things: logging workout sets feeds XP into whatever stat that exercise is tied to (more sets and reps = more XP), finishing your daily quest tasks feeds VIT, logging a meal gives a flat 8 XP to VIT, and logging a PR gives a flat 12 XP to STR — and PRs also auto-detect themselves the moment you log a heavier weight than your previous best on that lift, so you don't have to log them twice. Your streak just checks if you were active yesterday too (continues) or not (resets to 1), and separately, your diet targets (calories/protein/carbs/fat) are calculated once from your weight/height/age/activity level using the standard Mifflin-St Jeor formula, adjusted based on whether your goal is cut, maintain, or bulk. One honest heads up: the XP amounts (5-12 per action) are pretty small next to the 100-XP-per-level bar, so leveling will feel slow right now — worth testing it for a real week before you post, since that's an easy number to tune up if it feels like a grind.
My Role
I worked on connecting the user interface with backend logic, creating a usable flow and organizing the project structure for a real-world use case.