User can search through a sortable, filterable list of all pins.

[dgatto]

• User can search through a list of all pins so that they can find information about protests near them.
• User can filter pins by:
  • Pin label; text, string
  • Pin location; tbd
  • Nearby city infrastructure (will have a checkmark to select all of these at once):
    • Gas stations; miles, decimal
    • Food; miles, decimal
    • Parking areas; miles, decimal
    • Public transportation; miles, decimal
• User can sort pins by:
  • Distance; distance from user, number
  • Time added; time added ago, datetime
• User can choose to navigate directly to a pin through maps navigation.
• User will hit an apply button when all changes are applied.

[dgatto]

Will this be a grid view? Most likely server-side on the filtering. Do we want sorting? Is that necessary? Maybe for the time it was added? Will this be paginated, or an infinite scroll that fetches more results? Probably paginated? Idk what's best for a mobile experience. If it was a grid, pagination would be best. If we're going the traditional shopping UX route, infinite scroll would work better because users could then filter and sort based on what they want to narrow results.

[dgatto]

Would it be better to instead show the pins in a list view more akin to online shopping?

Users can search by location, and be provided appropriate filter/sort options.

On initial load, we won't know the area of pins to load, so possibly just throw a prompt saying "enter zipcode to search from"

On initial search, the list will be sorted by pins nearest the search location.

[dgatto]

For finding nearby places:

https://developers.google.com/maps/documentation/places/web-service/search#find-place-examples

https://maps.googleapis.com/maps/api/place/findplacefromtext/json?input=mongolian%20grill&inputtype=textquery&fields=photos,formatted_address,name,opening_hours,rating&locationbias=circle:2000@47.6918452,-122.2226413&key=YOUR_API_KEY

---

Would probably be best to have the server request all the nearby locations so that the client doesn't take that data hit.

https://github.com/googlemaps/google-maps-services-js

[dgatto]

(only send updates to people within same zip code)

[dgatto]

mockups

https://xd.adobe.com/view/98d72e90-4345-45bb-97dd-5a9be225e89c-cd84/screen/1d9de285-b60d-4296-bec2-ec2a68c6ae4c

[dgatto]

Still need mockups for filtering and sorting.

[dgatto]

if i filter or sort, does it apply to all items in the db, or just the items on screen (before the 'load more')

it should apply to all items in db, but also only filter items within the location.