The goal of this assessment is to learn about an applicant's approach to building re-usable components. Please be ready to talk about the technical and design choices you made.
The task is to build a component (widget) that displays movies, TV shows, and people using the The Movie DB API.
Please write your code as you would in a professional environment (ready to be submitted for a PR).
| Default Filter | Filtered by Movies |
|---|---|
 |
 |
| Search Results |
|---|
 |
Please check our InVision Assessment Project to have a clear view of what the component should look like.
- Assets can be downloaded here
- The password to access the project will be sent to you separately.
- The component should use the multi search endpoint to search movies, TV and people.
- Client-side filtering (movies, TV, and people)
- Movie and TV show results should display a button allowing the user to view the trailer using the movie and TV video endpoints.
- Please match the original design as closely as possible. Any extra UI elements must maintain the original design language.
- Deliver your code via a public repository or online code platform (GitHub, BitBucket, CodeSandbox, StackBlitz, etc...).
- Provide a
README.mdfile with an explanation on how to install & run your project.
- Updating the URL with search term/filters
- Multiple thumbnails
- Inline movie trailer
- Search as you type
- Sensible animations/transitions
- Infinite scroll/pagination
- Lazy loading images
- Truncating long descriptions/bios
- Tests
Important: Before adding any extra features, please make sure you completed the minimum requirements. We would rather just see them properly done than half finished features. Either way you will be asked your thoughts on implementing the optional features.
Use any library/framework you feel comfortable with. However, the position requires professional level ability with React.
There is no hard deadline but try and submit your work within 10 days. If you need more time please let us know by sending an email.
GLHF