Skip to content
 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

Pokédex Web Page

Esta página web é uma implementação simples de uma Pokédex, construída com HTML, CSS e JavaScript. A Pokédex exibe uma lista de Pokémons, com a possibilidade de carregar mais itens conforme necessário. A aplicação usa a PokéAPI para buscar os dados de cada Pokémon e apresenta as informações de forma organizada e intuitiva.

Tecnologias Utilizadas

  • HTML: Estruturação do conteúdo e elementos da página.
  • CSS: Design responsivo e estilização usando um tema moderno e minimalista, com suporte a fontes externas (Roboto) e a biblioteca Normalize.css para garantir consistência entre diferentes navegadores.
  • JavaScript: Manipulação da DOM, integração com a PokéAPI e implementação da funcionalidade de carregamento dinâmico de Pokémons.

Funcionalidades

  • Visualização da lista de Pokémons: A lista é carregada dinamicamente com a opção de exibir mais Pokémons por meio de um botão de "More...".
  • Paginação simples: A página permite carregar mais Pokémons sem recarregar a página.

Estrutura do Projeto

  • index.html: Estrutura principal da página, incluindo referências aos arquivos CSS e JavaScript.
  • assets/css/: Contém os arquivos de estilização (global.css e pokedex.css).
  • assets/js/: Contém os arquivos JavaScript responsáveis pela lógica da aplicação, incluindo a interação com a PokéAPI (PokemonModel.js, poke-api.js, main.js).

Como Executar

  1. Clone o repositório ou baixe os arquivos.

    • Para executar o projeto corretamente, é necessário rodá-lo em um servidor local (isso porque o JavaScript pode enfrentar problemas ao fazer requisições de APIs externas diretamente do sistema de arquivos).

    Você pode usar um dos seguintes métodos para criar um servidor local:

    • VSCode com Live Server:
      • Instale a extensão Live Server no Visual Studio Code.
      • Abra o projeto no VSCode.
      • Clique com o botão direito no arquivo index.html e selecione a opção Open with Live Server.
    • Python (para quem tem Python instalado):
      • Navegue até a pasta do projeto no terminal.
      • Execute o comando:
        • Para Python 3: python -m http.server
        • Para Python 2: python -m SimpleHTTPServer
      • Acesse http://localhost:8000 no navegador.
  2. A página será carregada e exibirá uma lista inicial de Pokémons. Para ver mais, clique no botão "More...".

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages