Drone Market ReactJS Deployment Plans

App
│───Header
└───Content
│   └───Breadcrumb
│   └───MyRequest
│       └───MyRequestTabs
│           └───MyRequestFilter
│           └───MyRequestItems
│           │   └───RequestIntro
│           │   └───RequestDetail
│           │   └───CustomerContact
│           │   └───RequestMap
│           └───MyRequestPagination
└───Footer

-- RequestIntro.jsx --
RequestIntro.propTypes = {
  servicetype: PropTypes.string.isRequired,
  deliverydate: PropTypes.string.isRequired,
  location: PropTypes.string.isRequired,
  distance: PropTypes.number.isRequired,
  payout: PropTypes.number.isRequired,
};

-- RequestDetail.jsx --
RequestDetail.propTypes = {
  type: PropTypes.string.isRequired,
  delivereditem: PropTypes.string.isRequired,
  weight: PropTypes.number.isRequired,
  deliverytime: PropTypes.date.isRequired,
  pickuplocation: PropTypes.string.isRequired,
  dropofflocation: PropTypes.string.isRequired,
  distance: PropTypes.number.isRequired,
  payout: PropTypes.number.isRequired,
};

-- CustomerContact.jsx --
CustomerContact.propTypes = {
  name: PropTypes.string.isRequired,
  address: PropTypes.string.isRequired,
  phone: PropTypes.number.isRequired,
  email: PropTypes.string.isRequired,
};

-- RequestMap.jsx --
RequestMap.propTypes = {
  routes: PropTypes.string.isRequired,
};