Exercise database
Online database with searching and filtering for exercises body part, target muscle or available equipmentTypescript
React
Tailwind
Overview
Challenges & solutions
Challenge
Optimizing website performance to account for the animations that come with each exercise, and creating an intuitive user-experience that displayed results in a meaningful way.
Solution
Utilizing ReactFreezeFrame to dynamically convert GIFs to stationary images on subpages with a large number of exercise cards. In regard to clarity, I included information about body part, target muscle and equipment necessary on each exercise card in a concise manner.
Scroll
GithubGitHub link