• anime-snap
  • Sumário
  • Motivação
  • Pilha de tecnologia
  • Como rodar
    • Pré-requisitos
    • Passo a passo

Este app foi desenvolvido com o objetivo de consumir duas APIs: a Trace Moe e a AniList. Ao consumir a API Trace Moe, o app consegue reconhecer os episódios e animes correspondentes às imagens inseridas pelos usuários. Além disso, utilizando a API AniList, é possível trazer informações detalhadas sobre cada um dos animes encontrados.

O app foi construído pensando em oferecer aos usuários uma experiência em português, facilitando a navegação e compreensão do conteúdo disponível. A interface do usuário é simples e intuitiva, permitindo que qualquer pessoa possa utilizá-la sem dificuldades. Foi utilizado um conjunto de tecnologias para garantir a qualidade e a eficiência do aplicativo. Entre elas, destacam-se o TypeScript e o Cypress, que ajudaram a criar um código mais seguro e robusto, além de permitirem a execução de testes automatizados.

Este foi o quinto repositório de código apresentado no Curso Superior de TSI do IFMS como requisito para obtenção da nota parcial das atividades da unidade curricular Construção de Páginas Web IV.

As seguintes tecnologias foram utilizadas para desenvolver este app:

Os créditos pelas mídias utilizadas estão disponíveis aqui.

• Node;
• Yarn (opcional).

1. Clone o repositório de código em sua máquina;

2. Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);

3. Instale as dependências do projeto através do seguinte comando:

$ npm install

Caso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:

$ yarn

4. Execute o seguinte comando para iniciar o app:

Para npm:

$ npm run start

Para Yarn:

$ yarn start

5. Execute o Cypress através do seguinte comando:

Para npm:

$ npm run cy:open

Para Yarn:

$ yarn cy:open

6. O comando acima abrirá uma janela do Cypress solicitando que selecione o tipo de teste: E2E (teste de ponta a ponta) e Component (teste de componente). Selecione a opção desejada;

7. Selecionada a opção desejada, será solicitado que selecione um navegador web para executar os testes. É recomendado selecionar o navegador Electron, pois o mesmo foi desenvolvido pelo time do framework Cypress e contém ferramentas integradas que podem colaborar com a escrita dos testes unitários;

8. Selecionado o navegador web, os testes unitários, seja de ponta a ponta ou de componente, serão apresentados por diretório para que você os selecione para que sejam executados.