Typescript
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.

Project Chatbot
Project Chatbot
Project Chatbot
Project Chatbot