Sachi's Booty Builder
Mobile-first workout tracker and exercise guide. Deployed on Vercel. Built with React, TypeScript, and Tailwind CSS, featuring PWA home-screen installation and offline logs.
Overview
Designed and deployed a specialized, mobile-first training utility for 'Sachi's Booty Builder' to enable high-quality workout logging on the gym floor. Deployed to Vercel. Key features and technical architecture implemented: • PWA Capabilities: Developed service worker integrations and Add to Home Screen (A2HS) prompts for full application installation, offering a fast, standalone application interface. • Local Storage Synchronization: Created a custom React state manager syncing directly with localStorage to persist weight logs, progression graphs, and set-completion streaks offline. • Interactive Exercise Guide: Constructed a responsive database of target movements with auto-looping instructional video demonstrations and setup checklist panels. • Responsive Brutalist Layout: Applied a high-contrast, touch-optimized visual layout leveraging CSS variables for smooth light/dark switching and high-density legibility.
Gallery