Scribd
Upload
2 views2 pages

FE Code Challenge

The document outlines a coding challenge for creating a React app that allows users to search for movies by title using the OMDb API. The app must feature a search bar, display a list of matching movie results with titles, years, and poster images. The implementation will be done live during an interview, and basic React knowledge will be tested.

Uploaded by

Bruno Morais
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
2 views2 pages

FE Code Challenge

The document outlines a coding challenge for creating a React app that allows users to search for movies by title using the OMDb API. The app must feature a search bar, display a list of matching movie results with titles, years, and poster images. The implementation will be done live during an interview, and basic React knowledge will be tested.

Uploaded by

Bruno Morais
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

‭FE Code Challenge‬

‭Problem statement‬

‭ client wants to create a React app that search for movies by‬‭title‬‭and display a‬‭list of‬
A
‭results‬‭. The user should be able to enter a search‬‭query and see a list of movies that match‬
‭the query. Each movie result should display the title, year, and poster image.‬

‭ he application should use the Open Movie Database (OMDb) API to fetch the movie data‬
T
‭(‬‭http://www.omdbapi.com/‬‭)‬

‭The application should include the following features:‬

‭‬ A
● ‭ search bar where the user can enter a search query‬
‭●‬ ‭A list of movie results that match the search query‬
‭●‬ ‭Each movie result should display the title, year, and poster image‬

‭Problem instructions‬
‭●‬ Y
‭ ou can prepare a base project that has‬‭ONLY‬‭the dependencies‬‭that you need or‬
‭you can run this:‬‭npx create-react-app my-app‬‭to have‬‭the initial environment.‬

‭●‬ T
‭ his is a live code interview, so the code with the implementation will be implemented‬
‭live during the interview.‬

‭●‬ Y
‭ ou can search online for some aspects of syntaxis and general questions, but not‬
‭for concrete answers to this challenge. This part of the interview will test your basic‬
‭knowledge of React.‬

‭ MDb API:‬
O
‭Here is an example of how to call the API:‬

‭ EQUEST:‬
R
‭https://www.omdbapi.com/?s=<‬‭MOVIE _TITLE‬‭>&apikey=<‬‭API_KEY‬‭>&page=<PAGE>‬

‭ equired: <MOVIE_TITLE>: is the title to search. ie: Terminator‬


R
‭Required: <API_KEY>: key to connect to the api. For this exercise we can use this one:‬
‭c9fe20e4‬
‭Optional: <PAGE> number of page to ask‬

‭ ttps://omdbapi.com/?s=Terminator&apikey=c9fe20e4‬
h
‭https://omdbapi.com/?s=Terminator&apikey=c9fe20e4&page=3‬

‭RESPONSE:‬
‭Success response:‬

‭Error Response:‬

You might also like