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.
- Pokédex
- 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.
Home |
Pokédex |
Batalha |
Detalhes do Pokémon |
Responsividade |
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.
# 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>
Magdiel Silva |
Maria Helena Souza |
Silvio Ribeiro Dias Jr. |