To start, run npm install
and then npm run dev
.
Create a NetworkStatusProvider
, that will give the ability to read what's the user's current network status and prevent the users from marking a Pokemon as caught when they are offline.
Create a clear separation between the presentational components and container components. Create the components if you think they are missing.
Extract the data fetching and loading placeholder from Pokemons
component to an HoC named withLoader
.
Create a Modal using the Compound Component pattern and fetch Pokemon data in that modal.
The PokemonModal
component is ready for you to just set as the content.