JSFiddle - React, Tailwind, and code Playground
by Emily Humphrey
JavaScript
var data = [
{
"PropertyId": "851176",
"VoyagerPropertyId": "792",
"VoyagerPropertyCode": "14411",
"FloorplanId": "2605710",
"FloorplanName": "Waterline 1: A4",
"ApartmentId": "14471852",
"ApartmentName": "0406",
"Beds": "1",
"Baths": "1.00",
"SQFT": "834",
"MinimumRent": "6817.00",
"MaximumRent": "6817.00",
"Deposit": "8180",
"ApplyOnlineURL": "https://waterlinesq.securecafe.com/onlineleasing/waterline-square/oleapplication.aspx?stepname=RentalOptions&myOlePropertyId=851176&FloorPlanID=2605710&UnitID=14471852&header=1",
"UnitImageURLs": [
"https://cdn.rentcafe.com/dmslivecafe/3/851176/p0855352_0406_1WSQ_Slick_06_3_4_A4_40_UnitImage.jpg"
],
"UnitImageAltText": "",
"Specials": "",
"Amenities": "",
"AvailableDate": "8/30/2022",
"UnitStatus": "Notice Unrented"
},
{
"PropertyId": "851176",
"VoyagerPropertyId": "792",
"VoyagerPropertyCode": "14411",
"FloorplanId": "2605712",
"FloorplanName": "Waterline 1: A5",
"ApartmentId": "14471869",
"ApartmentName": "0607",
"Beds": "1",
"Baths": "1.00",
"SQFT": "928",
"MinimumRent": "7080.00",
"MaximumRent": "7080.00",
"Deposit": "9440",
"ApplyOnlineURL": "https://waterlinesq.securecafe.com/onlineleasing/waterline-square/oleapplication.aspx?stepname=RentalOptions&myOlePropertyId=851176&FloorPlanID=2605712&UnitID=14471869&header=1",
"UnitImageURLs": [
"https://cdn.rentcafe.com/dmslivecafe/3/851176/p0855352_0607_1WSQ_Slick_07_4_7_A5_40_UnitImage.jpg"
],
"UnitImageAltText": "",
"Specials": "",
"Amenities": "",
"AvailableDate": "8/20/2022",
"UnitStatus": "Notice Unrented"
},
{
"PropertyId": "851176",
"VoyagerPropertyId": "792",
"VoyagerPropertyCode": "14411",
"FloorplanId": "2605734",
"FloorplanName": "Waterline 1: C2",
"ApartmentId": "14471888",
"ApartmentName": "0810",
"Beds": "3",
"Baths": "2.00",
"SQFT":...