- 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
- 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
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.
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.
The component described previously has to be filled using a feed that is available here
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.
- Handle loading and error state
- Use Redux if you have enough time
- Provide screenshots of the above-mentioned steps to improve this exercise! (Thanks)