lucaswalder / pokedex-nextjs

A project use a poke api and nextjs

Projeto Pokemon API - React + NextJs

Esse projeto foi desenvolvido durante o meu PDI - [PROJETO DE DESENVOLVIMENTO INDIVIDUAL] O desafio era conseguir consumir uma API utilizando React, e mostrar esses conteúdos em tela.

Funcionalidades

• Separa os pokemons por tipos;
• Pesquisar pokemons específicos;
• Modal de cada pokemon, mostrando suas habilidades e status;
• Salvar os pokemons favoritos.

Exemplo de uso da API

Retorna todos os pokemons

  GET https://pokeapi.co/api/v2/pokemon

Retorna um item

  GET /api/items/pokemon/${ID}
  
  GET /api/items/pokemon/${name}

Parâmetro	Tipo	Descrição
id or name	string	Obrigatório. O ID ou Nome do pokemon que você quer

Para mais informações acesse a Documentação da API

Demonstração

Clique no link abaixo para ver o projeto on line

Pokemon API - NextJs

Rodando localmente

Clone o projeto

  git clone https://github.com/lucaswalder/pokedex-nextjs

Entre no diretório do projeto

  cd pokedex-nextjs

Instale as dependências

  npm install or yarn

Inicie o servidor

  npm  run dev
  or
  yarn dev

Stack utilizada

• React
• NextJs
• Typescript
• Styled Components

Aprendizados

Sendo o meu segundo projeto em React, tive algumas dificuldades. Até mesmo por ter sido criado com NextJs, Typescript e utilizando Styled Components Como não tinha domínio nas ferramentas, tudo era um aprendizado, mas buscando na internet e na comunidade pude ir superando os desafios, conseguindo implementar algumas coisas novas no projeto.

Como utlilizar o server side rendering do Next. O poder o styled Components e Typescript.

Licença

MIT

🚀 Sobre mim

Atualmente estou estudando desenvolvimento front-end e tenho certeza que serei um grande desenvolvedor no futuro. 🔭 Atualmente trabalho como Desenvolvedor Front-End na Insany Design.

🌱 Atualmente estou aprendendo NextJS, GraphQl e TypesScript.

👨‍💻 Todos os meus projetos estão disponíveis em lucaswalder.dev

📫 Como me contatar: [email protected]

⚡ Curiosidade: trabalhei muitos anos como designer gráfico, mas sempre fui apaixonado por programação e agora resolvi seguir meu coração (sei que parece algo saído de um filme romântico.)

Para entrar em contato me siga no Instagram @lucaswalder.dev