map the data and photo gallery into nice pop-up modal window
Budget: $30 – $250 USD
Before you proceed further, please review the attached code and run it with "npm start".
Please click one of the datapoints and then click the thumbnail photo. You will see an alert() containing json as shown in the attached "chrome_2022...jpg" screenshot. This is coming from the file ListingModal.jsx. In this project, you will need to completely rewrite this file (ListingModal.jsx) and probably make a few other changes as well.
Your job for this project is to use the returned json to create a pop-up modal window just like the one shown in the "example from other site.jpg" screenshot.
The modal must have all the same visual elements with similar look and feel and functionality. The photos are available by fetching additional json from the URL in the field _PhotoGalleryURL. All fields given in the json must be displayed in the corresponding spot, which you will need to figure out by performing searches and comparing the two.
For any things which are not in the json, you will need to create a placeholder component and just hard-code the content to be modified later.
Please click one of the datapoints and then click the thumbnail photo. You will see an alert() containing json as shown in the attached "chrome_2022...jpg" screenshot. This is coming from the file ListingModal.jsx. In this project, you will need to completely rewrite this file (ListingModal.jsx) and probably make a few other changes as well.
Your job for this project is to use the returned json to create a pop-up modal window just like the one shown in the "example from other site.jpg" screenshot.
The modal must have all the same visual elements with similar look and feel and functionality. The photos are available by fetching additional json from the URL in the field _PhotoGalleryURL. All fields given in the json must be displayed in the corresponding spot, which you will need to figure out by performing searches and comparing the two.
For any things which are not in the json, you will need to create a placeholder component and just hard-code the content to be modified later.