Building an Ionic 4 Pokédex with Search & Infinite Scroll

[@asdrubalzp]

the summary of my week of classes in a video of 30 mins. Nice :)

[@galaxies_dev]

Perfect!

[@insyirahsuhaimi4554]

Awesome video, Simon. Thanks a lott!!

[@galaxies_dev]

Glad you liked it!

[@iurylazoski]

Hi, Simon, really nice video, learned a lot of Ionic. In 25:30 you could simply use Object.values and avoid further mapping. Regards.

[@galaxies_dev]

Thanks for the tip!

[@diegoaraujo1387]

Nice, I always learned something with you. Thanks, man! Don't stop!

[@angelom.3517]

Bravissimo !

[@manoellopes]

Nice tutorial, Very helpful.

[@galaxies_dev]

Glad it was helpful!

[@christopherviera6141]

thank you so much for this tutorial

[@galaxies_dev]

You're very welcome!

[@jonathanperry7530]

Awesome video, Simon!!

[@galaxies_dev]

You are welcome Jonathan!

[@coom07]

Why u use ionic instead flutter? Personal preference or it has some advantage?

[@alhassankiwamdeen7252]

After going for flutter someone would ask you, why use flutter instead of react native. Always go for what you are good at and get the work done!

[@galaxies_dev]

Flutter is not really for the Web, plus I don't want to learn Dart, plus I run the Ionic Academy so I'm better off with sticking to Ionic for now :) Flutter is great if you only want a mobile app and perhaps have some experience with Dart already. There are always reasons to pick one or the other, for me Ionic offers exactly what I need right now!

[@RaadYacu]

great video - best so far

[@galaxies_dev]

Pokemon videos always win!

[@sync3217]

The search functionality doesn't work on mobile devices. It shows the skeleton text but doesn't show the result pokemon name and id that is seen on other devices. Is there a solution?

[@lifasibiya4810]

Awesome content Simon. My highlight of the video was when you did the ion-skeleton-text🙈. That's a very useful component for user profile displaying apps

[@d.jangir8]

Also Could you please show us how to create a main component in Ionic 4 where my application Header and side menu will reside and other components(Pages) will load under the Main header(Toolbar) of the application(like in angular side menu semantic example).

[@galaxies_dev]

Yes reusing components might be indeed a cool tutorial thanks for the input!

[@offrelink5880]

thanks :)

[@galaxies_dev]

Happy to help :)

[@romil0734]

sir in GetPokeImage method how can we use http.get method and how to add index.png in it kindly explain me ASAP.

[@royal-code]

great content as usual Simon, I'm quite curious actually if I can use this to develop an eCommerce front-end with a back-end API containing products, categories, departments ... and others.. ??

[@galaxies_dev]

Sure that shouldn't be a problem! So the API is not with Ionic of course, but for the frontend part it should work fine of course :)

[@royal-code]

Thanks, I will definitely give it a good try

[@royal-code]

Hi simon.. I'm getting a 'server responded with a status of 404 (Not Found)' that error with this example when I inspect from the browser, I have tried pokeapi and another but still get the that same error.!? where do you suspect I could be wrong?.. thanks in advance

[@extratozextrato6080]

Great Tutorial! I had a small problem with the search, when you hit the cancel search after the result is shown, the result keeps showing in the list before the #1. Can you please explain how I can fix this?

[@galaxies_dev]

Hmm perhaps you have not cleared the list on cancel?

[@extratozextrato6080]

@@galaxies_dev Not sure I did.... Thnx for the fast reply, I'll try to fix it

[@d.jangir8]

Hello Simon, Could you please create a video on an Reminder app. In this app user will create reminders for different time and date and notification should be shown to the user. If possible could you please show us how can we store those reminders on the server(NodeJS) and trigger push notification(PWA) to the user for the triggered reminder.

[@galaxies_dev]

We'll that's kinda big use case, especially with the server part! But if you use push notifications you don't need the local notifications normally, right?

[@d.jangir8]

Simon Grimm yeah local notifications are not needed.

[@dianarenteria8492]

El URL de las imágenes no funciona

[@ewertoncoutinho884]

What is this VSCode theme? How can I get it?

[@galaxies_dev]

Should be One Dark Pro!

[@rubentorres]

how to create my guitar tuner with ionic?, how read frequencies in the microphone the phone in real time? you have examples for the community. thank you for read me

[@galaxies_dev]

Good question, perhaps you could start by recording audio with the Cordova plugin for audio and then use a JS library to analyse the frequency or something like this: developer.mozilla.org/en-US/docs/Web/API/AnalyserNode/getByteFrequencyData

[@ghandasyahputradewa7988]

good evening mr. simon .. I want to ask. most of your videos get data through the website API so how do you get contact person data in ionic 4 ?. if there is a video tutorial about it. share link in my comment. hehee .. : D regards

[@galaxies_dev]

You mean from the native contacts of a device? I'm actually already working on something for that :)

[@marcelocch]

Thank you for your knowledge sharing Simon. You are the best. Do you have a tutorial about PUSH Notifications in Ionic 4 (Android/iOs) using Firebase? If not, where can I donate to make this happen? 🙇🏽‍♂️🙇🏽‍♂️🙇🏽‍♂️

[@jazzymichael]

Fireship channel has a great video about push notifications with firebase

[@marcelocch]

Yeah, I know but is deprecated, their code dont work anymore

[@jazzymichael]

@@marcelocch Are you sure? The Firebase Push Notifications work great in my apps. It is called "Cloud Messaging" in the Firebase console, here are docs: firebase.google.com/docs/cloud-messaging/?authuser=0#implementation_paths

[@galaxies_dev]

We have a course on that topic inside the Ionic Academy :)

[@marcelocch]

@@galaxies_dev amazing! I will look it up. Thanks!

[@maniya10824]

Hello Simon, I am your big fan. Thank so much for this video. Could you please upload video using angular material table with ngrx store, effects with paginator and sort functionality.

[@maniya10824]

I have used angular 8 in ionic 4. But the paginator and sort is not working. Getting undefined error paginator and sort in the dataSource.

[@galaxies_dev]

I'll see what I can do Manivannan :)

[@jackelkarat7208]

👍

[@Masahiko_Kai]

Simon, who is your favorite pokemon? :)

[@galaxies_dev]

I would say Bulbasaur because he was the very first I picked when I got the first Gameboy game!

[@NormanDube]

First to like. I'm a fan!!!!!

[@galaxies_dev]

Thanks a lot Norman!

[@Prash3393]

3rd :(

[@galaxies_dev]

Still awesome, thanks mate!

[@Prash3393]

Thanks Simon 😊👍