Skip to content

future4code/hooks-pokedex2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokédex

Logo

image

Descrição

O Pokédex é uma aplicação que possibilita que o usuário veja uma lista diversa de Pokémons e o usuário tem a possibilidade de “capturar” os Pokémons e adicioná-los na sua Pokédex.
Além disso, o usuário pode remover os Pokémons da sua Pokédex e também pode ver os detalhes, como por exemplo o tipo, o tamanho, o peso, movimentos e estatísticas. O projeto foi desenvolvido para estudos e utilizou API PokéAPI

Tabela de Conteúdos

Status do Projeto

🚀 Finalizado

Features

  • Home: mostrar a lista de 20 Pokémons ao usuário.
  • Home: cada Pokémon está em um card
  • Home: cada card tem um botão de ver detalhes e um botão adicionar o Pokémon na pokédex
  • Home: ao clicar no botão de adicionar, o card do Pokémon clicado desaparece da tela, o usuário não consegue adicionar duas vezes o mesmo Pokémon.
  • Home: há um botão para acessar a página da Pokedex.
  • Pokedex: mostra uma lista Pokémons previamente selecionados pelo próprio usuário.
  • Pokedex: cada card tem um botão de ver detalhes e um botão remover o Pokémon da pokédex
  • Pokedex: botão para limpar todos os Pokémons na pokédex
  • Aplicação responsiva
  • Paginação

Demonstração da aplicação

Link Surge

Link: http://fluffy-beginner.surge.sh/

Imagens do Projeto

image image

Pré-requisitos e como rodar a aplicação

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

🎲 Rodando o projeto

# Clone este repositório
$ git clone < https://github.com/future4code/hooks-pokedex2.git>

# Acesse a pasta do projeto no terminal/cmd
$  cd hooks-pokedex2/pokedex


# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run start

# O servidor inciará na porta:3000 - acesse <http://localhost:3000>

Tecnologias utilizadas

As seguintes ferramentas foram usadas na construção do projeto:

Autores

About

No description or website provided.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •