- 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
kasulaarunteja / unit5_c2 Goto Github PK
View Code? Open in Web Editor NEWhttps://evaluation-79d0s9x3h-karunteja0120-gmailcom.vercel.app/