https://github.com/osamamagar/Movies

Main Idea

User can browse the movie app and able to see movies and see movie details in addition to

add movies to wishlist.

Pages

Created an react app with the following pages:

Movies list page ( main page ).

Movie details.

Movies wishlist.

Movies Search Results.

User can add movie to wishlist and when added should increase the counter of wishlist in

navbar, and heart icon should be filled with the main website color

User can toggle the wishlist action on the movie card, if movie added to wishlist and user

clicked on the heart icon again should remove movie from wishlist, if movie not added to

wishlist and clicked on the heart icon should add movie to wishlist.

User can visit the wishlist page when click on the wishlist in navbar and will redirect to the

page, Wishlist page will contain all the movies added to wishlist and user can remove it from

wishlist

User can switch between languages and when language change should change the layout

direction and call the api again with the current language.

I

used the react features and libraries to deliver this app.

Created a reusable components

Shared data between related components

Used Redux toolkit to have a shared state

Created needed routes and handle 404 page

Used interceptor to send shared params or headers for apis

Showing loader until data resolved

Feel free to use any UI library