Coffeeroasters subscription site | React, Unit Tests, End-to-End Tests

Hello frontend friends! 👋

This was long overdue but I finally completed my 4th challenge on Frontend Mentor. 🎉 I have been learning React since the beginning of 2022 and this project was a great opportunity for me to put what I've learnt into practice. Check my readme.md for more details.

Major challenge(s):

• I decided to use React with Typescript and I had some difficulties in getting the right types for components props.
• I really wanted to get the real development experience so I added unit tests for the components and end-to-end tests for the order scenarios.
• I have yet to add unit test for the custom hook.
• I still have to figure out how to set the redirection properly for a React application on Netlify.

Bonus:

• I added some form feedback if the user tries to create a plan without selecting any options.
• I added a skeleton preloader while the page content loads. I always wanted to implement such a feature and therefore I tried to come up with a solution for that using React.

It took me quite a while to complete this challenge because I was going back and forth in the React documentation and best practices. I really enjoyed that and I'm also happy with the result.

Your feedback would be much appreciated.

Thanks in advance. 🙏