Este app consiste em uma tabela nutricional de frutas on-line. Ele utiliza a API Fruityvice para consultar os valores de calorias, proteínas, carboidratos, gorduras e açúcares para cem gramas de uma fruta cadastrada em sua base de dados; além de trazer informações como gênero, ordem e família. Além disso, o app compara os valores de uma fruta filtrados pelo usuário. As frutas cadastradas estão disponíveis neste endpoint. Infelizmente, devido a uma imprecaução com o mecanismo Cross-Origin Resource Sharing (CORS) por parte dos desenvolvedores da API Fruityvice, o professor precisou desenvolver um wrapper para tal API, o qual já não está mais disponível.
Vale destacar que, na tentativa de satisfazer a Lei № 13.146/2015, foi utilizado o atributo tabIndex para evitar keyboard traps e propiciar a navegação acessível a usuários com cegueira ou baixa visão.
Este foi o segundo 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 III.
As seguintes tecnologias foram utilizadas para desenvolver este app:
| Papel | Tecnologia |
|---|---|
| Ambiente de execução | Node |
| Linguagem de programação | TypeScript |
| Ambiente de desenvolvimento | Vite |
| Biblioteca de interface de usuário | React |
| Framework de teste | Jest |
| Base de dados | Fruityvice |
Os créditos pelas mídias utilizadas estão disponíveis aqui.
-
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- Finalmente, execute o seguinte comando para iniciar o app:
Para npm:
$ npm run devPara Yarn:
$ yarn dev