Editable options for user information

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

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.

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

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

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 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

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

Type issue

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

Search Input for API Search

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

• 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

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 edit review
Make resolver to edit review
Front end:
Make mutation in mutation.js to edit review

Handle errors in API search

MVP

• message if no results

Not MVP

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

Finalize signup form and connect to back end

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

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

Ensure that google maps will display correctly on tablet and mobile

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

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

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

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 add wish brewery
Make resolver to add wish brewery
Front end:
Make mutation in mutation.js to add wish brewery

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)

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

Footer with linkedins/githubs

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