Challenge Frontend

Bem vindo! 👋

Obrigado por visitar este repositório.

Demonstração do app funcionando

https://frontendchallengedaniel.netlify.app

Ele é a execução de um desafio para a Ília, esse teste serviu para colocar a prova meus conhecimentos em Vue.js 3 + Typescript

O Desafio

Implementar um web app que consuma a API Pokemon TCG (https://pokemontcg.io/) utilizando Vue.js.

A Aplicação deve possuir

Página com as cartas em grid para desktop e carrosel no mobile, devendo contar com:

• Imagem da Carta
• Nome do Pokémon
• ID do Pokémon
• Tipo(s)
• Ao interagir, abrir detalhes do card

Páginas de detalhes da carta de Pokemon:

• Imagem em alta definição
• Nome
• ID do Pokemon
• Tipo(s)
• Resistencia(s)
• Fraqueza(s)
• Lista de nomes dos ataques do pokemon ao clicar exibir a modal de detalhe

Endereço do Desafio

https://github.com/aisdigital/FrontEndChallenge

Technologias Usadas

• HTML5
• CSS3
• Typescript
• Vue.js 3
• Vuex
• Vue Router
• Axios

Como executar localmente?

Faça o Fork, download ou clone do projeto

Para instalar os pacotes execute:

yarn install ou somente yarn

Após concluir a instalação dos pacotes, inicie o servidor local executando:

yarn serve

Acesse no navegador, utilizando o endereço que ele fornecer, geralmente é:

localhost:8080, seuip:8080 (também pode funcionar)

Como realizar o build para uso em produção?

Simples, basta rodar o comando:

yarn build

Agora só copiar os arquivos na pasta dist e colocar em sua hospedagem.

Bom isso é tudo, obrigado!