🍎 Quantas calorias tem?

✔ 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

📱 Mobile