Making things more fun: little animations that are gratifying

[jonfroehlich]

Twitter has a little heart animation that just feels good to see when you click the icon. Relates to our conversations about improving the UX and making things feel more fun.

https://user-images.githubusercontent.com/1621749/139534001-95eae17e-bc43-410b-9d51-47c3b4de7bac.mp4

How could we do similar things to support labeling, validations, and the mission screens, etc.

CC @isavin12

[jonfroehlich]

YouTube also has a nice animation when you "Like" something.

https://user-images.githubusercontent.com/1621749/199790472-1e4cb0b8-e0d5-438f-862c-d5213afc2cd9.mp4

Maybe we could add this to https://github.com/ProjectSidewalk/SidewalkWebpage/issues/2697

Or when you click on a smiley face, etc. @zoekaputa @hoominchu

[hoominchu]

I have used https://lottiefiles.com/ before and it seems like a good option to implement this.

[hoominchu]

Here is an example heart/like animation: https://lottiefiles.com/94181-like