Skip to content

Projeto feito em grupo durante o bootcamp da Labenu. Para mais informações, leia o README. 👾

License

Notifications You must be signed in to change notification settings

mhsouza88/pokedex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo

⚛️ᅠSobre

Projeto feito em grupo durante o bootcamp fullstack web da Labenu. A Pokédex foi feita utilizando a API pública de Pokémon, a PokéAPI. Na home há uma lista com vários monstrinhos e o usuário pode escolher quais quer "capturar". Ao clicar em Pokédex, a pessoa pode visualizar os Pokémons que capturou. Há também a opção de batalha, onde o usuário seleciona um dos monstrinhos de sua lista e ao clicar em "iniciar", o Pokémon selecionado iniciará uma batalha com outro monstrinho aleatório.


🔗ᅠLink

- Pokédex


🛠️ᅠTecnologias

- React.js (v17.0.2): React é uma biblioteca JavaScript para construção de interfaces de usuário.

- Axios (v0.23.0): O Axios é um biblioteca que permite uma integração do projeto React com qualquer serviço de API disponível.

- Styled Components (v5.3.3): Styled Components é uma biblioteca que utiliza o conceito de CSS-in-JS, ou seja, que permite escrever códigos CSS dentro do Javascript.

- React-router-dom (v5.3.0): O React Router é uma biblioteca do React que permite a navegação entre diversas partes da aplicação, como páginas.

- Material UI (v5.0.4): É uma popular biblioteca de componentes React. O MUI segue as diretrizes, componentes e ferramentas de material design do Google para tornar os aplicativos web mais rápidos.

- API: API é um conjunto de definições e protocolos usado no desenvolvimento e na integração de software de aplicações. É um acrônimo em inglês que significa interface de programação de aplicações.


🖼️ᅠImagens (clique em cima da imagem para vê-la em tamanho maior)

Imagem 01
Home
Imagem 02
Pokédex
Imagem 03
Batalha
Imagem 04
Detalhes do Pokémon
Imagem 05
Responsividade


💻ᅠPré-requisitos

Antes de começar você vai precisar ter instalado em sua máquina as seguintes ferramentas: o Git e o Node.js. Além disso, é bom ter uma IDE para trabalhar com o código. Eu recomendo o VSCode.


🚀ᅠRodando o projeto

# Clone este repositório
# HTTPS
$ git clone https://github.com/mhsouza88/pokedex.git

# SSH
$ git clone [email protected]:mhsouza88/pokedex.git

# CLI
$ gh repo clone mhsouza88/pokedex

# Acesse a pasta do projeto no terminal
$ cd ./pokedex

# Instale as dependências
$ npm install

# Para iniciar o projeto
$ npm run start

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


🧑‍💻ᅠDesenvolvedores

Magdiel Silva
Magdiel Silva


Maria Helena Souza
Maria Helena Souza


Silvio Ribeiro Dias Jr.
Silvio Ribeiro Dias Jr.



⬆ᅠ Voltar para o topo