Feature/render cards - Githubissues

Jwensloff / brew-buddy

https://brew-buddy.vercel.app

0 stars 2 forks source link

Feature/render cards #14

Closed JoshBennett793 closed 1 year ago

JoshBennett793 commented 1 year ago

Feature/api-calls (commits 1-5)

What I did:

Set up fetch call in apiCalls.js
Set up state in App
- Passed state to Homepage to be passed to respective components
- Passed state setter function to Search component to be used after fetch call
Set state on form submission

Did this break anything?

[x] No
[ ] Yes

Type of change

[x] New feature (non-breaking change which adds functionality)
[ ] Styling
[ ] Bug fix (non-breaking change which fixes an issue)
[ ] Refactor(DRY-ing up/ reorganizing code, etc.)
[ ] Super small fix (Corrected a typo, removed a comment, etc.)
[ ] Skip all the other stuff and briefly explain the fix.

Checklist:

[ ] If this code needs to be tested, all tests are passing
[x] The code runs locally
[x] There are comments where clarification/ organization is needed
[x] The code is DRY. If it's not, I tried my best
[x] I reviewed my code before pushing

What's next?

Rendering state objects as cards
Testing fetch call and Component rendering

Related Issues

Closes #6

Feature/render-cards (commits 6 & 7)

What I did:

Map over 'breweries' state and create card component for each
Destructured brewery object as it's passed into the card component
Passed state variables to respective JSX elements
Made anchor tags link to respective URLs
Added pointer cursor to anchor tags

Did this break anything?

[x] No
[ ] Yes

Type of change

[x] New feature (non-breaking change which adds functionality)
[x] Styling
[ ] Bug fix (non-breaking change which fixes an issue)
[ ] Refactor(DRY-ing up/ reorganizing code, etc.)
[ ] Super small fix (Corrected a typo, removed a comment, etc.)
[ ] Skip all the other stuff and briefly explain the fix.

Checklist:

[ ] If this code needs to be tested, all tests are passing
[x] The code runs locally
[ ] There are comments where clarification/ organization is needed
[x] The code is DRY. If it's not, I tried my best
[x] I reviewed my code before pushing

What's next?

Testing the functionality of the fetch call and card rendering
Setting router up to handle the url change after a user submits the search form

Related Issues

Closes #13