Zoom
Requirements:
- Copy the file "database.json" in the given folder to 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
Using ReactJS programming techniques, implement the following functions:
1. Create a component to load data from the database with the design as shown in Figure
1. Route this component at URL:
http://localhost:3000/movie
Producers
Coric Auste
Lotra Laura
Keeping Up
with the Sain
2 Quartet
React Application
COMEDY ACTION CARTOON DRAMA
List of Movies
Description
5/10/2004 Presentblandit. Nam nulla
roeger pede justo, lacinia eget
5/25/2324 Fusce posuere els sed lacus
laoreet st
Producer
Lorme
Lockhurst
Comedy
Claire Lawy Ricky Yason Comedy
Cartoon
Stars
1-Mikael Omnally
2-Leeanne Dyson
1-Fee Passo
This Boy's Lite 8/2004
Praes
Each Davn 5/3/2024 Praesent blandit. Nam nulla
Imeger pede
lacinia eget
Cary Geely Figon.
Consady
Corie Avde Ricky Yason Cartoon
5/7/2024 Маеcaras
it luctus nec, etendus
So condimentum Clairs Lawy Ricky Ysson Action
Commedy
1-Magdalene Oswick 2-Fee Passo
Hugues Mackay
1-Leeanne Dyson 2-Mikael Girnally 3-Fee Passo
5-Hugues Mackey
Add stara 1-Mikael Ginally
2-Lasaree Dyson
3-Nannalta Hebbum
Figure 1 - Load all data from database
- The design layout displays exactly as shown in Figure 1 - (0.5 marks).- Load all the genres of the movies exactly as shown in Figure 2. For each genre only shows unique value (0.5 marks). Formatting content as required - (0.25 marks).
+ 79%
Close
