Varo Web Engineering Challenge

For this challenge, you’ll build a small web application that fetches a list of movies from ​TheMovie Database​ (​https://www.themoviedb.org/​) API and displays them to a user. The exercise is open-ended and calibrated to take approximately two hours of your time. You’re welcome to add as many extra features as you like if you finish the requirements early. Take a look at theOptional​ section if you need some inspiration.

Repo Instructions

• Run npm install
• Add API key (received in the challenge email) to /server/services/imdb.js
• Run npm start

Guidelines

• Use any third-party libraries you like.
• Pay attention to code cleanliness, naming, and testability.
• Plan out proper separation of concerns between your components.
• UI and aesthetics are not our primary concern but the user experience should be intuitive thoughtful and responsive.
• Make sure your code compiles and has no errors or warnings.
  • Note: warnings caused by third-party libraries are fine.

Requirements

Note: The test is done for desktop and also responsive. please let me know, if you want for mobile(as per wireFrame) and the optionals. Also the ARTIST info is missing in the response, so could not add it.

• An API for The Movie Database is available and set to a list of “Now Playing” movies

  • Additional documentation can for endpoint can be found at: https://developers.themoviedb.org/3/movies/get-now-playing

• Display the movies in the layout found in /wireFrames or seen below.

  • Mobile

    

    When row is tapped it expands to show detail content

  • Non-mobile

    

    When card is clicked it flips/collapses to show detail content

• Add a way to favorite a movies that posts back to server.

• Add an additional page to view favorites by returning them from the server.

Optional

• Enable sorting of movies in the backend by rating, release date, title and update UI to utilize it.
• Enable searching for movies.
• Show off some animation.
• Add the ability to view local show times.
• Anything else you like!

If you’re not able to finish in the designated time, just send us what you have. At the end of the day, quality > quantity, meaning: if the code is really good, and you're missing a small feature,that doesn’t mean you're disqualified.