A NextJS based Pokedex using GraphQL API and Apollo Client Library
Budget: ₹600 – ₹1,500 INR
Homepage:
List all available Pokemon with pagination (20 Pokemon per page).
Display each Pokemon's image, number, name, and types.
Refer to https://www.pokemon.com/us/pokedex/ for layout inspiration.
Statically render the first three paginated pages at build time.
Render the remaining pages in real-time.
Pokemon detail page:
Display name, image, height, weight, classification, type, weakness, and resistance of the Pokemon.
Include a button to open a popup showing the Pokemon's evolutions.
Query evolution data only when the button is clicked, not beforehand.
Refer to https://www.pokemon.com/us/pokedex/bulbasaur for an example of a Pokemon detail page.
Statically render the detail pages for the first 20 Pokemon at build time.
List all available Pokemon with pagination (20 Pokemon per page).
Display each Pokemon's image, number, name, and types.
Refer to https://www.pokemon.com/us/pokedex/ for layout inspiration.
Statically render the first three paginated pages at build time.
Render the remaining pages in real-time.
Pokemon detail page:
Display name, image, height, weight, classification, type, weakness, and resistance of the Pokemon.
Include a button to open a popup showing the Pokemon's evolutions.
Query evolution data only when the button is clicked, not beforehand.
Refer to https://www.pokemon.com/us/pokedex/bulbasaur for an example of a Pokemon detail page.
Statically render the detail pages for the first 20 Pokemon at build time.