--- title: How to Build a Pokemon App with GraphQL and Apollo description: Learn how to build a Pokemon app using GraphQL and Apollo. The app uses React for the front-end and fetches data about different Pokemons. The tutorial covers... canonical: https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: How to Build a Pokemon App with GraphQL and Apollo | daily.dev og:description: Learn how to build a Pokemon app using GraphQL and Apollo. The app uses React for the front-end and fetches data about different Pokemons. The tutorial covers... og:url: https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv og:image: https://api.daily.dev/og/posts/n73uvRKRV.png og:image:alt: How to Build a Pokemon App with GraphQL and Apollo og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # How to Build a Pokemon App with GraphQL and Apollo **[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · [@segunajibola](https://daily.dev/segunajibola) · 8 min read · 24 upvotes · 3 comments ## Summary Learn how to build a Pokemon app using GraphQL and Apollo. The app uses React for the front-end and fetches data about different Pokemons. The tutorial covers the setup process, installing necessary packages, creating an Apollo client, building the PokemonsContainer component, and styling the application. The live site is hosted on Vercel and the GitHub code is available for reference. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@fab978** · 1 upvotes > Cool **@segunajibola** · 1 upvotes > Share your thoughts about the blog below, thanks for checking it out. Let me know if you have any feedback. --- Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#react](https://daily.dev/tags/react), [#graphql](https://daily.dev/tags/graphql), [#apollo](https://daily.dev/tags/apollo) [View this post on daily.dev](https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"How to Build a Pokemon App with GraphQL and Apollo","url":"https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv"},"datePublished":"2024-04-03T16:25:01.025Z","dateModified":"2024-05-09T08:22:04.995Z","description":"Learn how to build a Pokemon app using GraphQL and Apollo. The app uses React for the front-end and fetches data about different Pokemons. The tutorial covers...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5b0453e6522cd2dd9edc5f1ce1bbcdf0?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/5b0453e6522cd2dd9edc5f1ce1bbcdf0?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Person","name":"Segun Ajibola","url":"https://daily.dev/segunajibola","image":"https://lh3.googleusercontent.com/a-/AOh14Gglw1Rz37Bcx-9_-LLLP5eZ3FJB0G7hIgS0Dn7nVA=s100","interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"EndorseAction"},"userInteractionCount":210}},"commentCount":3,"discussionUrl":"https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":24},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":3}],"keywords":"webdev,javascript,react,graphql,apollo","timeRequired":"PT8M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"How to Build a Pokemon App with GraphQL and Apollo"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/how-to-build-a-pokemon-app-with-graphql-and-apollo-n73uvrkrv","comment":[{"@type":"Comment","text":"Cool","datePublished":"2024-04-04T23:07:09.543Z","url":"https://daily.dev/posts/n73uvRKRV#c-OnbY9YurK","author":{"@type":"Person","name":"Furqan ahmad","url":"https://daily.dev/fab978","image":"https://media.daily.dev/image/upload/s--GY0VPIs1--/f_auto/v1788339486/avatars/avatar_01YKXdhx6XxiWycQaD2rh?_a=BAMAMicg0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Share your thoughts about the blog below, thanks for checking it out. Let me know if you have any feedback.","datePublished":"2024-04-03T17:03:01.232Z","url":"https://daily.dev/posts/n73uvRKRV#c-jchdcc3Z9","author":{"@type":"Person","name":"Segun Ajibola","url":"https://daily.dev/segunajibola","image":"https://lh3.googleusercontent.com/a-/AOh14Gglw1Rz37Bcx-9_-LLLP5eZ3FJB0G7hIgS0Dn7nVA=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```