Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updated Search Functionality #13

Merged
merged 6 commits into from Oct 20, 2023

Conversation

Namatuzio
Copy link
Contributor

Fixes #9

  • Added "Lazy Loading" to the home page in order to accommodate the now 1017 Pokemon.
  • Used the official PokeAPI URLs to grab Pokemon images.
  • Changed the images from the dream world artwork to the official art to accommodate post-gem 5 Pokemon

Hey @TheShiveshNetwork I updated the search functionality but I have one question, Sinistcha, DEX#1013 currently doesn't have any official artwork or sprites as these are typically taken from promotional material or the games themselves. This may be because the Pokemon is too new / niche in the DLC for material to have been released yet.
image
image

I was wondering how you would want me to handle this unless it's fine that its card doesn't feature any artwork.

Thank you!

Added "Lazy Loading" to the home page in order to accommodate the now 1017 Pokemon. Used the official PokeAPI URLs to grab Pokemon images. Changed the images from the dream world artwork to the official art to accommodate post-gem 5 Pokemon
@netlify
Copy link

netlify bot commented Oct 17, 2023

Deploy Preview for bucolic-sawine-7b9c9d ready!

Name Link
🔨 Latest commit 80b8d80
🔍 Latest deploy log https://app.netlify.com/sites/bucolic-sawine-7b9c9d/deploys/653244c7a0b8da0008450b68
😎 Deploy Preview https://deploy-preview-13--bucolic-sawine-7b9c9d.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@netlify
Copy link

netlify bot commented Oct 17, 2023

Deploy Preview for sprightly-marshmallow-70a015 ready!

Name Link
🔨 Latest commit 80b8d80
🔍 Latest deploy log https://app.netlify.com/sites/sprightly-marshmallow-70a015/deploys/653244c7f0e4b100084070bf
😎 Deploy Preview https://deploy-preview-13--sprightly-marshmallow-70a015.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@TheShiveshNetwork
Copy link
Owner

Great work @Namatuzio It's perfect, as of what I wanted.
And yeah tell me if you can add a static image of "image not found" or some styled text for the pokemons for which sprites aren't available, that would be great.
Kudos!!

Added the Pokeball asset to the portrait of a card when it's missing its art.
@Namatuzio
Copy link
Contributor Author

Alright, @TheShiveshNetwork I updated the missing portrait to include the Pokeball loader image if the image of the Pokemon is missing.

image
I'm gonna mark this PR ready for review and of course, if you need anything changed just let me know.

@Namatuzio Namatuzio marked this pull request as ready for review October 18, 2023 19:06
@TheShiveshNetwork
Copy link
Owner

@Namatuzio there are some conflicts, can you resolve them for me to merge your PR?

@Namatuzio
Copy link
Contributor Author

Namatuzio commented Oct 20, 2023

Hey @TheShiveshNetwork I'm currently attempting to fix the conflicts with this pr and it seems like Infinite Scroll does this:
image
I was trying to work on a fix for this in my branch but I can't seem to properly replicate an infinitely scrolling page I believe it's because multiple API calls are made to keep re-fetching Pokemon and displaying them.
As for multiples of the same Pokemon showing up, I was wondering if this is okay. As always, please let me know, thank you 😊

@TheShiveshNetwork
Copy link
Owner

If you can remove the infinite scroll, only lazy loading is also okay.

@Namatuzio
Copy link
Contributor Author

@TheShiveshNetwork all done! If it's not too much trouble, would you be able to add the hacktoberfest-accepted label as well when you merge? Thanks again, I had a blast working on this functionality.

@TheShiveshNetwork
Copy link
Owner

All good, great work @Namatuzio
Also I'd like to connect with you, we can build some better projects together may be.
If you have linkedin tell me.
Merging this one.
Welcome🍰!!!

@TheShiveshNetwork TheShiveshNetwork merged commit 0d2d0fc into TheShiveshNetwork:main Oct 20, 2023
8 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Improve the pokemon search
2 participants