Site de consome API PokemonTCG.
Contrução um front em Angular para consumir a API do PokemonTCG
Construção de um Front
Consumo da API do PokemonTCG
Pesquisa por Cards
Visualização dos Cards
Responsividade
Link do deploy da aplicação no netlify: CLIQUE AQUI
No terminal, clone o projeto:
git clone https://github.com/bielmoita/pokemon-card.git
Ainda no Terminal digite o comando abaixo
cd pokemon-card-site
Para ter certeza que esta dentro do diretório correto execute o comando:
ls -la
deve ser exibido uma estrutura semelhante a essa:
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 22 17:52 .
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 23 16:16 ..
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 274 ago 21 18:52 .editorconfig
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 626 ago 21 19:39 .gitignore
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 3990 ago 22 17:50 angular.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 429 ago 21 18:52 browserslist
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 23 00:35 dist
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 21 18:52 e2e
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 1029 ago 21 18:52 karma.conf.js
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 22 17:57 node_modules
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 1633 ago 22 17:52 package.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 521232 ago 22 17:52 package-lock.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 1032 ago 21 18:52 README.md
drwxr-xr-x 1 NOME DO USUARIO - numero de arquivos- 0 ago 22 20:51 src
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 210 ago 21 18:52 tsconfig.app.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 489 ago 21 18:52 tsconfig.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 270 ago 21 18:52 tsconfig.spec.json
-rw-r--r-- 1 NOME DO USUARIO - numero de arquivos- 3125 ago 21 18:52 tslint.json
Agora, tendo a certeza que esta no diretorio certo e ja tendo instalado o Node e o Angular (Conforme pré-requisitos).
execute o comando:
ng serve -o
Aguarde ele compilar e rodar, o mesmo irá abrir uma aba ou janela do seu browser preferencial no seu computador.
Copyright 2020 - Pokemon Card site