Handle errors in API search

MVP

• message if no results

Not MVP

• trim user input
• limit to 5 int search input
• etc.

Back end:
Make mutation to add friend
Make resolver to add friend
Front end:
Make mutation in mutation.js to add friend

1. be able to search a zip code and return X number of locations
2. be able to search a street address and return X number of locations
3. be able to fetch brewery info based on name/ID/etc.

• Highlight page you are on (instead of default 4 option)
• hover effect

On the SingleBreweryPage, find all reviews with matching breweryId and append them on the screen

Ensure that google maps will display correctly on tablet and mobile

Figure out if one can query the api for breweries specifically
if not// feed brewerydb into google api?

Make a profile page on front end
see wireframe
3 most recent favs
3 most recent wishlist items
All reviews newest to oldest
Add friend button / remove friend button
Button to see friends (past mvp)

Back end:
Make mutation to add fav brewery
Make resolver to add fav brewery
Front end:
Make mutation in mutation.js to add fav brewery

consider SVG of a beer bottle that has little to no details (i.e. no label, words, images), maybe just a highlight showing the shine of the bottle if anything?

Fred edit: if I remember correctly, this feature is not very difficult

Back end:
Make mutation to add wish brewery
Make resolver to add wish brewery
Front end:
Make mutation in mutation.js to add wish brewery

Search page for map
edit: We were thinking placing the map on pages/results.js on the right on the brewery cards when they populate

Back end:
Make mutation to remove wish brewery
Make resolver to remove wish brewery
Front end:
Make mutation in mutation.js to remove wish brewery

MVP

• navbar link to search page (results.js)
• move "Logout" button to navbar

Not MVP

• Make navbar with searchbar

• click add review button in SingleBreweryjs and review form appears
• click cancel and form disappears
• fill out form and click save: 1) review is saved to User and Brewery, 2) review card appears on page

1. make a map on a React page, such as Map.js
2. center the map on a location (set location to a variable so the user's home zip code can be used by default, else a standard address in USA)

Back end:
Make mutation to add review
Make resolver to add review
Front end:
Make mutation in mutation.js to add review

Type issue

meet accessibility standards so users can access our services: https://www.a11yproject.com/

Footer with linkedins/githubs

Search Input for API Search

Back end:
Make mutation to remove friend
Make resolver to remove friend
Front end:
Make mutation in mutation.js to remove friend

Back end:
Make mutation to remove fav brewery
Make resolver to remove fav brewery
Front end:
Make mutation in mutation.js to remove fav brewery

Finalize signup form and connect to back end

Editable options for user information

client side logic

refactor signed in / signed out menu item logic. currently swaps log in and log out

a few minor bugs that can be addressed with tutors/instructors:

1. if user searches a zip code that has a brewery THEN searches a second zip that does not have a brewery, the map still shows and is centered on the previous search location
2. if the database returns a latitude and longitude that are null, google maps makes a map marker in the middle of the ocean just off the coast of Africa lol

Sift through API returned object and set to a variable. Format object as needed with Optional Chaining (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Optional_chaining)

1. query all reviews
2. store author names from all reviews
3. query users by username
4. populate card with images

1. create an array of addresses as a variable
2. render google map with each address at a pin point

end goal: brewery API will feed addresses array to Maps

Back end:
Make mutation to edit review
Make resolver to edit review
Front end:
Make mutation in mutation.js to edit review