Skip to content

carlosguttemberg/Pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokedex

Pokedex criada usando NodeJs e React


📜 Sobre o projeto

Projeto para aprendizagem, construção de uma Pokédex, listando os Pokémon até a sexta geração com seus respectivos atributos.

Para seu desenvolvimento foram criadas duas aplicações, a primeira usando NodeJs para a construção do servidor e a segunda usando React para o Frontend. No projeto também foi utilizado CSS, feito especificamente para o mesmo, usando o StyledComponents.

Ele conta com uma tela de listagem para os Pokémon, contendo uma indicação de quais são lendários.

Além de uma para mostrar os atributos especifícos de cada um.

No projeto foi usado o infinite scroll para carregar os Pokémons de 20 em 20.

Para a pesquisa dos pokémons foi usado o auto complete.

Navegação entre as telas do projeto

🚀 Executando o projeto

Primeiro é preciso instalar as dependencias do projeto, para isso basta acessar a pasta backend e a pasta frontend pelo terminal e executar o install

  npm install

🏭 Executando o servidor (Aplicação em NodeJs)

Acessar a pasta backend e alterar o arquivo knexfile.js com as configurações da base de dados local, no exemplo abaixo está configurado uma base de dados MySQL, mas o Knex suporta outras bases. Mais informações na documentação http://knexjs.org/

Pelo terminal será preciso executar a criação das tabelas na base de dados, executando o comando:

  npx knex migrate:latest

Os dados dos Pokémons se encontram nos dois arquivos dentro da pasta database, bastar copiar e executar na base de dados, primeiro é preciso executar os dados dos Pokémons

Feito isso só será preciso executar o comando abaixo na pasta do backend para que o servidor fique rodando, ele funciona na porta 3333

  npm start

💻 Executando o Frontend (React)

Na aplicação react só será preciso executar o start e o site será carregado, é preciso uma conexão com a internet para exibir as imagens

  npm start

About

Pokedex criada usanda NodeJs e React

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published