---

Movsys

App developed by André Bolina

Scenario

Using the OMDb API (The Open Movie Database) develop two screens (don't stick too much to the design, you can choose Material to simplify things) with the following functions:

• Movie search screen with:
  • Movie search filter by Name (mandatory) and Year (optional);
  • List the first 10 movies returned in the search (pagination is not necessary).
  • The list must have the poster, the title and the average of all ratings from movie;
  • Function to order the result by alphabetical order (increasing or decreasing) or average grade (increasing or decreasing);
• Screen with detailed information of the movie (must be accessed by clicking on a movie in the search screen);

Requirements

• Must be developed in React;
• Redux must be used to manage the state of the application;

Suggestions

• We suggest use CRA (Create React App).

What will be evaluated

• Ability to adapt to new APIs;
• Unit tests (Jest);
• Project structure;
• Domain of used technologies;
• Domain of Git

---

Instructions to access

• Download the code and open the "index.html" file in the "build" folder on your browser
• Or visit https://andrebolina.github.io/movsys/

Instructions to run the project

1. Clone this Git repository locally
2. Access the project folder
3. Run "yarn" to install the dependencies
4. Run "yarn start" to run the project
5. Visit http://localhost:3000 to view the app

The developed sections with greater complexity and impact on the code are all commented (in portuguese) and have '#Comment' to facilitate their localization.