Skip to content

AlexandreAJS/js-developer-pokedex

 
 

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

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • CSS 40.0%
  • JavaScript 39.5%
  • HTML 20.5%