Desafio 2 da Trilha de React Native do Ignite.
Daily Diet é um aplicativo desenvolvido do zero utilizando React Native, o intúito do aplicativo é manter um plano de dietas e verificar a consistência assim como um nível adequado de comidas saudáveis em sua dieta, possui funcionalidades e um fluxo completo de listagem, cadastro, atualizações e deleções de refeições, o layout foi concebido seguindo uma UI & UX proposta no Figma.
- Splash screen animada;
- Listar refeições;
- Adicionar nova refeição;
- Remover refeição;
- Atualizar refeição;
- Calcular estatísticas:
- Número de refeições consecutivas dentro da dieta;
- Porcentagem de refeições dentro da dieta;
Antes de qualquer coisa, é necessário ter instalado em sua máquina o Git, Node.js, NPM.
# Clone o repositório
$ git clone [email protected]:7Cass/daily-diet.git
# Entre na pasta e instale as dependências
$ cd daily-diet/ && npm i
# Rode o projeto usando o Expo
npx expo start
O projeto foi criado usando o Expo e o layout foi implementado com base no Figma.
- Criação e validação de formulários: React Hook Form.
- Schema builder para validação e parsing em runtime: Yup
- Biblioteca de Ícones: Phosphor React Native Icons.
- Utilitário para manipular SVGs: React Native Svg.
- Navegação: Native Stack
Este projeto esta sobe a licença MIT.
Desenvolvido por João Pedro A. (7Cass) - Entre em contato