This project encourages as an extra challenge to add automated tests. I deep dived into learning it properly and applied unit and integration tests that I'm proud of.
I also never used keyframe animations before because Tailwind makes basic animations easy. But I decided to refresh my knowledge and applied some animations to cart items adding / removing and I played a little bit with the add to cart button. Very nice project and I loved working on it. Initially I spent around 4.5hours but then I started learning testing and sinked 10+ hours into this.
I'm a little bit disappointed by using Context API for state management and it's performance on mobile devices. Will probably use a 3rd party library next time.
What challenges did you encounter, and how did you overcome them?The main issue I faces was making Jest and react-testing-library work with TypeScript. There should be an easy way to do this but few things must be configured so I spent a lot of time tinkering with it and finally solved it. A lot of packages are needed for this :(