Movie Search

A movie search replica using https://api.themoviedb.org/

Tech Stack

• React
• Redux

Libraries Used

• Axios
• Classnames
• Jest (Testing)
• Lodash
• Material-UI
• Moment
• Query-string
• React-infinite-scroll-component
• Redux Saga (sideeffects handler)
• Styled Components (CSS)

Installation Guide

1. Clone the repository.
2. Install the NPM modules by using npm i in the directory of the cloned repo.
3. Start the project by using npm start

Happy Searching!

Features

• Multi-search query results
  • Not transparent on the user, for people it hits the people result API instead of the multi query results.
• Displays visual results as the user types
• Infinite scrolling with the library imported
  • Alternative for a shorter solution without the external library and using a button to get the next results (not the modern experience with a button since infinite scrolling is more popular)

Future Features TBD with more time:

• The details page of each results is short and should add the cast if I had enough time
• Better unit testing, I have to catch up on Jest testing with React Hooks
  • Each component will have its own unit testing

Screenshots

Simple UI Search

Movie Search Results

Viewing the information using redux-logger and the UI to reflect the first data shown

Drop down menu that shows it in the language if picked:

Person Search Results