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

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:

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. Finalmente, execute o seguinte comando para iniciar o app:

Para npm:

$ npm run dev

Para Yarn:

$ yarn dev