ReactJS Product List With Cart

Im glad i found this use case that provides such a beatiful design where I could practice some new techniques and approaches such as The Compound Component Pattern for React and Styled Components library in order to create reusable components.

At the first glance, it was pretty challenging to figure out how to implement and organize the Compound Components to be as more reusable as possible especially for the modal that contains some state and for that I implement it using the ContextAPI to encapsulate the state internally within the component itself so that I could use it in other areas when needed.