henriquepagno/pokemon-list

A Pokédex built with GraphQL and Apollo Client.

Pokédex

A Pokédex built with GraphQL and Apollo Client, which allows the user to navigate and search all the first 151 Pokémons. The user can change the Pokémon's attacks name and damage, as well as the Max HP and Max CP. This changes are saved on Apollo Client's query cache. The application also has a responsive layout for better usage in cellphones and tablets. It is important to notice that this is a frontend-only project. It consumes the project GraphQL Pokémon built by Lucas Bento, which should be used when running this application.

Technologies

This project was developed with the following technologies:

• ReactJS
• GraphQL
• Apollo Client
• Styled-components
• React-toastify
• Yup
• ESLint
• Prettier

Executing the Application

Requirements

To run the application you will need:

• Git
• Node
• Yarn

Backend

Clone the repository and install the dependencies.

# to clone the repository
git clone https://github.com/lucasbento/graphql-pokemon/

#install the backend dependencies
yarn

# Run the backend
yarn run watch

Frontend

Clone the repository and install the dependencies.

git clone https://github.com/henriquepagno/pokemon-list

#install the frontend dependencies
yarn

# Run the application
yarn start