/Quantas-calorias-tem

Website que mostra a quantidade de calorias e macronutrientes de um alimento

Primary LanguageTypeScriptMIT LicenseMIT

🍎 Quantas calorias tem?

Funcionamento

✔ Resumo do projeto

Website (100% em português 🇧🇷) onde premite que o usuário possa buscar um alimento, e ver a quantidade de macronutrientes e calorias que o alimento possui.

Funcionalidades

Na aplicação é possível:

  1. Pesquisar um alimento.
  2. Filtrar a pesquisa instantaneamente.
  3. Ver os macronutrientes e as calorias do alimento escolhido.
  4. Alterar a quantidade de gramas do alimento.

🛠 Tecnologias e Ferramentas utilizadas

  • React
  • Typescript
  • Tanstack React Query
  • Zustand
  • Tailwind CSS
  • Lucide Icons
  • Eslint
  • Prettier
  • Jest
  • React Testing Library
  • Cypress

📁 Api e Dados Utilizados

No projeto é consumida uma Api própria que retorna todos os 453 items (alimentos e suplementos alimentares), todas as informações nutricionais dos alimentos foram retirados da tabela TACO, e as informações dos suplementos, dos sites das suas respectivas marcas: Growth, Max Titanium, Probiótica e Integralmedica.

🧪 Testes

Nos testes unitários foi utilizado o Jest + React testing libary, os arquivos de teste se encontram nas pastas __tests__ dentro das pastas dos componentes.

Para o teste e2e e teste da api foi utilizado o cypress, seus arquivos podem ser encontrados na branch test ou development.

Comando para ver a cobertura de teste: npm run test:cov

🌙 Dark Mode

Dark-mode2

📱 Mobile

mobile