PedroEmanuelLima / PokTeam

Site para listagem de pokemons ecriação de time

Home Page:https://pok-team-gjbg.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

PokTeam


Indice


🧾 Sobre

O PokTeam é um aplicativo web que lista todos os Pókemons da api https://pokeapi.co/. No site, podemos ver todos os Pókemons disponiveis, pesquisar por nome e aplicar filtro de tipo, ver mais informações de um Pokmon expecifico, além da criação de um time com até 5 Pókemons, esse time ficará salvo no navegador.


🚀 Funcionalidades

  • Listagem de pókemons
  • Adicionar e remover pókemons do time
  • Filtrar pókemons por:
    • Nome (informar no input o nome correto do pókemon)
    • Tipo (em um filtro escolher um tipo que deseja usar de filtro)
  • Exibir mais informações sobre um pókemon
  • Contruir um time com até 5 pókemons

👩🏻‍💻 Tecnologias

O projeto foi desenvolvido utilizando as seguintes tecnologias:


🏳️ Como baixar e executar o projeto

Para clonar e executar esta aplicação na sua máquina é necessário ter instalado:

  # Clonar o repositório
  $ git clone https://github.com/PedroEmanuelLima/PokTeam.git

  # Entrar no diretório
  $ cd PokTeam

  # Instalar as dependências
  $ npm install ou yarn install

  # Iniciar o projeto
  $ npm start

✅ Resultado (Preview):

Tela inicial com ferramenta para filtros, listagem de pokemons, modal com mais finformações e paginação:

Adição, remoção e visualização de time de pokemons:

Salvando estado do time localmente para não perder quando sair ou recarregar a página:

Demonstranação de responsividade:


Desenvolvimento:


Pedro Emanuel

About

Site para listagem de pokemons ecriação de time

https://pok-team-gjbg.vercel.app


Languages

Language:TypeScript 83.8%Language:CSS 11.6%Language:HTML 4.5%