kasulaarunteja / unit5_c2

https://evaluation-79d0s9x3h-karunteja0120-gmailcom.vercel.app/

UNIT5_C2

• Create a react application for finding houses on rent
• use mock json server to store the data of houses on rent
• every house has following information:
  • Name
  • Owners name
  • Address
  • Area code
  • rent
  • preferred tenants: bachelors or married
  • optionally Image of the house (fetch from anywhere), for bonus point.
• When user lands on the page, show them every house information in a table
• create buttons for sorting the table data, 2 for each (asc and desc)
• table has following columns sortable:
  • area code
  • rent
• there should be an input box that will filter the table by address match.
• Whenever a user changes these columns, filter and sort these tables properly.
• DO NOT make network request to filter and sort, it will happen on in-memory array state.
• at the top of the table there’s a button to toggle between save house form
• use a boolean state to toggle between table and form, default table will be shown
• use form to create a new entry to store house, form will have all above entries (preferred tenants are two checkboxes, rest are input boxes only, address can be textarea)
• use your local json server on PORT: 8080. Make sure to follow this carefully. (http://localhost:8080/houses) anything else will not pass the test cases