Skip to content

gabriel-vitebo/PokeDex

Repository files navigation

PokeDex

Essa aplicação foi criada afins de estudo no front-end. Todos os dados foram pegos na PokeApi


🛠 Tecnologias

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

  • React
  • TypeScript
  • Tailwind

💻 Projeto

  • Veja o site AQUI

  • Veja o design do projeto no FIGMA aqui

O Pokedex foi desenvolvido para fans de pokemon. Os usuários podem:

  • Visualizar 100 Pokemon's.
  • Visualizar um Pokemon especifico.
  • Buscar Pokemon por nome ou número.
  • Marcar e desmarcar conquistas como feitas.

Documentação

Necessário:

Para rodar o projeto na sua máquina é necessário ter o GIT e o NODE.JS instalados. Verifique as versões de ambos e, se for preciso, atualize para a versão mais recente.

Clonando o Repositório:

Primeiro, clone o código para sua máquina usando o comando:

git clone https://github.com/gabriel-vitebo/PokeDex.git

Depois de terminar o clone, no seu editor de código, você verá a pasta com os conteúdos do projeto.

Instalando as Dependências:

Agora, com o projeto clonado, instale as dependências:

npm install

Isso instalará todos os pacotes necessários para rodar o projeto.

Rodando o Front-End

Com todas as dependências instaladas, rode o projeto com o comando:

npm run dev

O terminal exibirá um link similar a este:

Local: http://localhost:5173/

Acesse o link no navegador para visualizar a aplicação.

Visualizando a Aplicação

Quando a página carregar, essa será a tela inicial da aplicação:

Imagem da página inicial

🚀 Funcionalidades Futuras

A aplicação está em desenvolvimento e as seguintes funcionalidades serão integradas em breve:

  • Paginar para pegar todos os Pokemon's
  • Criar a funcionalidade de adicionar Pokemon's a sua pokedex

Autor


Foto de perfil do github de Gabriel Vitebo
Gabriel Vitebo

Feito com ❤️ por Gabriel Vitebo 👋🏽 Entre em contato!