Scribd
Upload
15 views2 pages

React Native Test

The document outlines the design requirements for a React Native app featuring a splash screen, home screen, search screen, and details screen. The home screen should display movies from a specified API, while the search screen allows users to search for movies using another API. The app should include bottom navigation and aim for a UI similar to Netflix, with submission instructions provided via a Google form link.

Uploaded by

BillytheButcher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
15 views2 pages

React Native Test

The document outlines the design requirements for a React Native app featuring a splash screen, home screen, search screen, and details screen. The home screen should display movies from a specified API, while the search screen allows users to search for movies using another API. The app should include bottom navigation and aim for a UI similar to Netflix, with submission instructions provided via a Google form link.

Uploaded by

BillytheButcher
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

React Native Test

Design a React Native App that consists of:


● A splash screen
● A Home screen
● A Search screen
● A details screen

Screen Details

Splash Screen:

The splash screen should contain a picture that you deem to be appropriate
considering the theme of this assignment.

Home Screen:

This screen should show all the movies as returned by this API endpoint:
https://api.tvmaze.com/search/shows?q=all

Every movie’s design may be however you like but should clearly show the
image as thumbnail, title and summary.

When clicked on any movie, it should go to the Details Screen.

Include a search bar at the top of the screen which redirects to the Search
Screen when clicked.

Search Screen:

Includes a Search Bar which lets you search for any movie. The API endpoint to
call in order to search is:
https://api.tvmaze.com/search/shows?q=${search_term}

Show the API’s response as you are showing in the Home Screen.

Details Screen:

This screen should show all the details of the particular movie clicked (image,
summary, title, ....).

Some other information:

● Your app should contain a bottom navigation to be able to navigate


between the Home Screen and the Search Screen.
● Your app’s UI should be similar to that of Netflix
● You may use Expo but it is better advised to use the React Native CLI to
build the project.
● Submit your project via this form:
https://docs.google.com/forms/d/e/1FAIpQLSeQ-9PffLbFkzTFfNNv6SqmlyKhV8
OT5TJVkPiHBOq9G1-YTQ/viewform

You might also like