This test is aimed at software developers with a background in React.
This project required the use of Javascript and React to build out a couple of pages that display data from an API.
The API used is TheCocktailDB API.
You will need to build 2 pages:
- A list screen that displays a list of drinks
- A detail screen that displays details about a specific drink
The list screen should display a list of drinks, including the drink's image, the name of the drink, and a description (limited to one line, with ellipsis if the description is too long).
You should display only 10 drinks from the API.
Tapping on one of the drinks in this list should take you to the detail screen for this drink.
The detail screen should display the drink's image, name of the drink, alcohol by volume (abv), tagline, full description, and one other piece of data of your choice.
Optional bonus point: add some kind of user interface and functionality to display more drinks.
Optional bonus point: add a loading state while drinks are loading.
Just to note, We don't have any strict design for either of the pages, but try to make them look nice/tidy.
This was a fun project which put to work my knowledge of APIs and React components to build a working application.