UEFA React Native Interview

interview.md

React Native exercises

Expectations

• The code has to be pushed on a Github repository
• The commit history should at least be composed of one (meaningful) commit per exercise
• A readme.md file has to be created with a list of foreseen improvements

Evaluation

• A fully working solution is not mandatory
• The design will be reviewed (in regards of the SOLID principles)
• Knowledge of the tools, frameworks and platform will be evaluated

1. Design exercise (~20min)

As a member of the development team, you took the task to implement the page below:

Design

• The image should take the full screen size (and be cropped on both sides).
• A title should be displayed on top of the image
• A "more info" link should be displayed at the bottom right of the image
• A published elapsed time should be displayed below the title: like, for instance, "7 hours ago"

Expected output:

• the render method of the component with the styles
• At UEFA, we use Zeplin for margins and colors, so don't focus on getting the margins and the colors right from the image.

2. Action exercise (~15min)

When clicking on the "more info" link, the component should expand (from the bottom) to display an additional description. The component should become vertically scrollable at this point.

3. Fetching a feed (~10min)

The component described previously has to be filled using a feed that is available here

4. Navigation (~10min)

We assume the component from the first step has already been implemented. When swiping right (or left), the next (or previous) entry from the feed has to be displayed.

5. Bonus

• Handle loading and error state
• Use Redux if you have enough time
• Provide screenshots of the above-mentioned steps to improve this exercise! (Thanks)