The objective of this exercise is to fork this repository and create a react-native app called 'FikaSearch'. This app will comprise of a listing page of films and the names of their genres.
You have an hour to complete this. We don't expect you to complete the exercise but we do expect you to have an understandable structure, clean code, and to be able to describe your next steps.
You will need to use the following URLs to fetch the films and genres from the movie db API:
The API will provide part of the image url via the poster_path field of each film. It must be combined with the base image path https://image.tmdb.org/t/p/w500/
Have fun!
fika-search.mov is a quick screencast of the application in action
- Got the React Native Application running on an iOS simulator
- Implemented Navigation
- Retrieved data from the server-side
- Implemented the Fika Brand colours
- Rendered the movies data as a list
- Display the images as part of the poster_path.
- I would have just used the
<Image source={${basePath}${movie.image_path}} /> - Improved layout
- Testing on Android Simulator and Real Device
Given more time (or as part of a larger project) I would add/consider:
- Detox testing + React Native Testing Library tests
- Test on physical devices and different operating systems
- Implement infinite scrolling/search features for the application. This would be done fairly easily via the React Query library
- Personalised choices, via a questionnaire, choose movie via genre
- Implementing the Fika branding and tone of voice
- Collaborate closely with the product department to understand the problem we're solving
- Build a number of low-fidelity mockups to understand earlier on if we're acting against the business needs
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent