Skip to content

Latest commit

 

History

History
56 lines (43 loc) · 2.22 KB

README.md

File metadata and controls

56 lines (43 loc) · 2.22 KB

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

footer-signature