This is a movie recommender application based on ReactiveX concept. I create 3 streams to fetch movie data from API endpoints and each stream is considered as distinct. So the user can remove a single suggestion and it will be replaced by a new suggestion.
- When user open the page, it renders 3 movie suggestions via calling from API endpoints.
- When user click 'show me more' button, it re-render 3 new movie suggestions.
- When user click 'x' button on one of the movie suggestion, it replaces with a new suggestion.
- When user click movie title, a new tab of movie homepage will show up.
- When user click 'add to cart' on one of the movie suggestions, the movie will be added to user's cart(collections) which is located on the right up corner of page.
- User's cart is saved in local storage(offline) so user can still access that when revisiting page.
https://xinyzhang9.github.io/movie_recommender/
