Este app consiste em um dicionário de palavras em língua inglesa. A mesma API, Free Dictionary, foi utilizada no repositório de código dict-ts da unidade curricular Construção de Páginas Web III. Eis sua descrição:
Este app consiste em um dicionário de palavras em língua inglesa utilizando a API Free Dictionary. O app, como exemplificado pelas figuras abaixo, exibe todas as classes gramaticais de uma palavra cadastrada em sua base de dados, um ou mais exemplos práticos para cada classe gramatical e uma lista de sinônimos e antônimos para cada exemplo prático.
Entretanto, este dicionário também tem a opção de reproduzir as pronúncias da palavra pesquisada, feature que o dicionário anterior não tinha.
Este foi o quarto 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.
| ← Repositório anterior | Próximo repositório → |
|---|
As seguintes tecnologias foram utilizadas para desenvolver este app:
| Papel | Tecnologia |
|---|---|
| Ambiente de execução | Node |
| Linguagem de programação | TypeScript |
| Biblioteca de interface de usuário | React |
| Empacotador de módulos | |
| Framework de teste | Cypress |
| Base de dados | Free Dictionary |
1 Devido a um problema de compatibilidade entre o empacotador de módulos Vite versão 4.2.0 e o framework Cypress, todo o projeto foi refatorado pelo professor (fora do horário de aula) com o empacotador de módulos oficial do React, create-react-app.
-
Clone o repositório de código em sua máquina;
-
Abra um shell de comando de sua preferência (prompt de comando, PowerShell, terminal etc.);
-
Instale as dependências do projeto através do seguinte comando:
$ npm installCaso esteja utilizando o gerenciador de pacotes Yarn, execute o seguinte comando como alternativa:
$ yarn- Execute o seguinte comando para iniciar o app:
Para npm:
$ npm run startPara Yarn:
$ yarn start- Execute o Cypress através do seguinte comando:
Para npm:
$ npm run cy:openPara Yarn:
$ yarn cy:open-
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;
-
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;
-
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.