Skip to content

ykaaouachi/graphql-pokemon

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

24 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GraphQL Pokémon

Get information of a Pokémon with GraphQL!
See the GraphiQL interface

How to use

Simply get Pokémon's information through queries in GraphQL, example:

{
  pokemon(name: "Pikachu") {
    id
    number
    name
    attacks {
      special {
        name
        type
        damage
      }
    }
    evolutions {
      id
      number
      name
      weight {
        minimum
        maximum
      }
      attacks {
        fast {
          name
          type
          damage
        }
      }
    }
  }
}

Try this query [here][graphiql-interface-query]!

Check out the [React Relay Pokémon Project][react-relay-pokemon-repo] and [Live Demo][react-relay-pokemon] too!

Running

Production

  yarn
  yarn run build
  yarn start
```

### Development

````sh
  yarn
  yarn run watch # Using nodemon for auto-reloading
```

## Disclaimer

This was built as part of a talk on Relay & GraphQL at [@ReactBrasil][react-brasil] meetup, check us out, we build cool stuff. ;)

[graphiql-interface]: https://graphql-pokemon.now.sh/
[react-relay-pokemon]: https://react-relay-pokemon.now.sh/
[react-relay-pokemon-repo]: https://github.com/lucasbento/react-relay-pokemon
[graphiql-interface-query]: https://graphql-pokemon.now.sh/?query=%7B%0A%20%20pokemon(name%3A%20%22Pikachu%22)%20%7B%0A%20%20%20%20id%0A%20%20%20%20number%0A%20%20%20%20name%0A%20%20%20%20attacks%20%7B%0A%20%20%20%20%20%20special%20%7B%0A%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20type%0A%20%20%20%20%20%20%20%20damage%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%20%20evolutions%20%7B%0A%20%20%20%20%20%20id%0A%20%20%20%20%20%20number%0A%20%20%20%20%20%20name%0A%20%20%20%20%20%20weight%20%7B%0A%20%20%20%20%20%20%20%20minimum%0A%20%20%20%20%20%20%20%20maximum%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20attacks%20%7B%0A%20%20%20%20%20%20%20%20fast%20%7B%0A%20%20%20%20%20%20%20%20%20%20name%0A%20%20%20%20%20%20%20%20%20%20type%0A%20%20%20%20%20%20%20%20%20%20damage%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%7D%0A%20%20%20%20%7D%0A%20%20%7D%0A%7D
[react-brasil]: https://github.com/react-brasil

About

Get information of a Pokémon with GraphQL!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 100.0%