App Daily Diet 🥗

Desafio 2: Aplicativo desenvolvido como desafio prático na trilha de React Native da Rocketseat.

Descrição:

A proposta da aplicação é gerenciar as refeições diárias

• Adicionar nova refeição;
• Listagem das refeições agrupadas por data;
• Editar uma refeição;
• Remover uma refeição;
• Mostrar as estatísticas do progresso da dieta;
• Navegação entre telas em pilha;
• Armazenamento local das refeições.

O que foi aprendido nesse projeto: ☕

• Estados;
• Imutabilidade do estado;
• Listas e chaves no React Native;
• Propriedades;
• Componentização;
• Navegação entre as telas;
• Armazenamento local das informações;
• Validações e tratamento de exceções;
• CSS-in-JS no React Native;
• Style Guide.

Principais tecnologias utilizadas: 🚀

• Expo | ~51.0.31
• React Native | 0.74.5
• Typescript | ~5.3.3 -D
• Styled Components | ^6.1.12
• React Navigation | ^6.1.18
• Async Storage | 1.23.1

Print Screen 📲

Home	Estatísticas	Nova refeição	Feedback	Detalhes

Rodando o app localmente: ⚙

Clone e entre na pasta do projeto. Depois instale as dependências:

$ git clone https://github.com/jfernandesdev/dailydiet.git && cd deilydiet && npm install

Como o emulador rodando (ou um dispositivo físico conectado por USB) rode o app com comando:

$ npx expo start