Create using angular, node, js or spring java a search bar -- 3
Budget: $10 – $30 USD
Budget is 70. Deadline asap. Description below:
The following movie API works simply with query params and an API key:
http://www.omdbapi.com/#usage
The key is issued by everyone with their mail. ( Published: apikey = 7d6d71c4)
The task you are called upon to complete is a page with the following:
1. a search-bar where the user searches by movie title and the following is displayed
short result:
• the Poster,
• a brief description,
• meta data
• Other information
• Compare selection button
• Also in the search there should be NO button, but when the user stops to
writes, then bring the results.
2. The user can select up to 3 movies and compare them as follows:
a. by clicking on a button below the photo or description of each
result to select a movie to compare.
b. It can select up to 3 movies / press up to 3 buttons, which will
change color indicating that the corresponding movies have been selected.
c. If> 1 movies have been selected, another, central button will be activated
COMPARISON which, when pressed, will open a new pop up window (no
new html page), which will compare the selected movies.
d. The pop up will have two buttons, SAVE and CLOSE. One will
stores the comparison information on a local database that you have developed.
The other will close the pop up and return to the search results
you selected the movies.
e. The saved comparisons should be able to be detected by
user again. Access can be made through functionality (button) in
main page with the results.
Page 2
Page 2 of 2
OBSERVATIONS
The comparison of the films should provide basic information (eg duration,
rating, year of release, etc.) and show in a graphic way (eg green
color) which movie has higher prices than the others.
For example, the popup could display lines with comparable information
per film and mark in green the highest prices.
• Enter whatever database (DB) you want.
• If you want you can use Spring Boot.
• You can write in javascript, angular, node.js or java spring for frontend and
backend respectively
The following movie API works simply with query params and an API key:
http://www.omdbapi.com/#usage
The key is issued by everyone with their mail. ( Published: apikey = 7d6d71c4)
The task you are called upon to complete is a page with the following:
1. a search-bar where the user searches by movie title and the following is displayed
short result:
• the Poster,
• a brief description,
• meta data
• Other information
• Compare selection button
• Also in the search there should be NO button, but when the user stops to
writes, then bring the results.
2. The user can select up to 3 movies and compare them as follows:
a. by clicking on a button below the photo or description of each
result to select a movie to compare.
b. It can select up to 3 movies / press up to 3 buttons, which will
change color indicating that the corresponding movies have been selected.
c. If> 1 movies have been selected, another, central button will be activated
COMPARISON which, when pressed, will open a new pop up window (no
new html page), which will compare the selected movies.
d. The pop up will have two buttons, SAVE and CLOSE. One will
stores the comparison information on a local database that you have developed.
The other will close the pop up and return to the search results
you selected the movies.
e. The saved comparisons should be able to be detected by
user again. Access can be made through functionality (button) in
main page with the results.
Page 2
Page 2 of 2
OBSERVATIONS
The comparison of the films should provide basic information (eg duration,
rating, year of release, etc.) and show in a graphic way (eg green
color) which movie has higher prices than the others.
For example, the popup could display lines with comparable information
per film and mark in green the highest prices.
• Enter whatever database (DB) you want.
• If you want you can use Spring Boot.
• You can write in javascript, angular, node.js or java spring for frontend and
backend respectively