Implement new example: Pokeviewer

[mussinbenarbia]

Thank you for contributing to Phantom!

👻 Please review our contribution guidelines.

Description

^{What changes did you make? ⚠️ DO NOT LEAVE EMPTY}

This example/feature was an experiment in response to Issue https://github.com/sidiousvic/phantom/issues/12

Pokeviewer is a simple app that randomly fetches a Pokemon from PokeApi and renders the name and image of the Pokemon on to the page. The point of this was to see whether async operations cause any problems with Phantom. The fetch calls worked as expected and there were no conflicts whatsoever.

The example has been implemented following the same structure as calculator, pizza and todo. To run the example: npm run example/pokeviewer

The following page will be rendered, with most likely a different Pokemon. Click on either the image or the name to fetch the next Pokemon. Images are fetched from the Pokeres API

If you have any questions or requests I am more than happy to help!