☑Kizspy.me
- Copy the file "database.json" in the given folder to your exam.
- Copy the folder "images" in the given folder to "public" folder of your exam.
- Open two Terminal Command windows on your exam to execute commands:
O
о
json-server --watch database.json --port 9999 (0 points if not running json-server)
npm start
Question 1 (6 marks) - View and Filter Movie List
Create a React component to display the list of movies retrieved from the API
Endpoint: GET
http://localhost:9999/movies
Route:
http://localhost:3000/movies
Requirements:
• Component is routed at URL:
http://localho
if incorrect the URL)
mer 2025
000/movies (0 points
• Build the layout and design according to the specified requirements.
• Display movies according to design requirements, with each movie containing
information including: poster, title, genre, release Year, duration, rating, booked.
Sort the list in descending order by rating.
• Implement a search bar to filter movie by title (startsWith).
Implement filter dropdowns for:
Zoom
+ 100%
Close
