Tam Tran

[tamtran2885]

This project is an application about Ghibli anime movies using Studio Ghibli API. In this project, I have implemented:

• Use Atomic design methodology to structure application.
• Use ProtoTypes for props validation.
• Use Reducer Hook to manage state when triggering following actions: display movie information, add items to list, delete items form list and switch mode.
• After using the AuthProvider in Shopping-cart-context-pill, I have tried to practice React and RxJS with a fake / mock backend for user authentication. However, the result was not good enough and I will need to study more on this subject.

Problems needed to be solved:

• I haven't used any css framework in this project. Because I´m not very good at styling with CSS, I decided to try from the beginning to understand more about css concepts.
• In the fake-authentication implementation, the redirection doesn't work well. After signing with the correct username and password, the page has failed to redirect automatically to other pages, even though the user can go through those pages which were established as private routes. When I have time, I will continue with this project and look for a better solution.