Park Search Page

[trle5720]

User must be able to access 'Park Search' page, where all parks are shown. They should be able to click on each park and be redirected to the respective page. There should also be a zipcode search bar at the top that allows the user to type in a zipcode, and then parks are filtered to that zipcode.

BACKEND
-
Park Search Feature 


• Request: GET
• Parameters: zipCode
  • /park-search, payload={zipCode}
  • Functionality:
    • Return a JSON object containing rows in the facilities table where distance >= some upper bound of miles
    • if no zipcode is inputted, just return all parks

FRONTEND

- Park Search Feature

• If request from Home Page (/):
  • Form GET: Input (zipCode) Button (submit)
  • After submit and data received from server:
    • Route to /park-search frontEnd page
      • Display card objects displayed in a grid
    • Each card contains a park that is in the data sent from server
• If request from Park Search Page (park-search):
  • After submit and data received from server:
    • Display card objects displayed in a grid
    • Each card contains a park that is in the data sent from server
      -Each card should have a 'View Park' Button that will redirect users to the park page(send get route to /park, parameter: id)