7Cass / daily-diet

Daily diet app 🥦. Desenvolvido como desafio complementar da trilha de React Native do Ignite @Rocketseat

📌 Tópicos

• Sobre o Projeto
• Features
• Como Executar o App
• Techs
• Autor

💻 Sobre o Projeto

Daily Diet

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.

Features

• 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;

🚀 Como Executar o App

Antes de qualquer coisa, é necessário ter instalado em sua máquina o Git, Node.js, NPM.

# Clone o repositório
$ git clone [e-mail]: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

🛠️ Techs

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

🤓 Autor

_{João Pedro A. - 7Cass}

📜 Licença

Este projeto esta sobe a licença MIT.

---

Desenvolvido por João Pedro A. (7Cass) - Entre em contato