Skip to content

App para gerenciamento de dieta. Desenvolvido com react-native.

Notifications You must be signed in to change notification settings

Iann-rst/app-Daily-Diet

Repository files navigation

Daily Diet - Mobile

👨‍💻 Tecnologias utilizadas

  • Expo;
  • React Native;
  • Phosphor Icons: pacotes de ícones;
  • React Navigation: Tab Navigator;
  • Styled-componentes: native;
  • AsyncStorage;

🎯 Funcionalidades

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

📖 Conceitos

  • Estados;
  • Imutabilidade do estado;
  • Listas e chaves no React Native;
  • SectionList;
  • Propriedades;
  • Componentização;
  • Parâmetros de navegação;
  • Navegação com React Navigation;
  • Armazenamento local com AsyncStorage;
  • Estilização com Styled Components;

📷 Screenshots

Aplicação Daily Diet

01-Daily-Diet.mp4

🚀 Como executar

# Faça o clone do projeto
$ git clone https://github.com/Iann-rst/app-Daily-Diet.git

#Instalar as dependências
$ npm install

#Iniciar o projeto
$ npx expo start