Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/rafinhaa/daily-diet-app


https://github.com/rafinhaa/daily-diet-app

Last synced: 19 days ago
JSON representation

Awesome Lists containing this project

README

        


Logo



About   |   
Technologies   |   
Run   |   
Info   |   
License


Screenshot

## 🔖 About

O Daily Diet é um aplicativo móvel desenvolvido em React Native que visa auxiliar os usuários no gerenciamento de suas refeições diárias e no acompanhamento do progresso de suas dietas. Combinando os conceitos centrais do React Native, como navegação, armazenamento local e estilização modular, o Daily Diet oferece uma experiência prática e eficaz para o controle da alimentação.

#### Principais Recursos

Registro de Refeições: Os usuários podem adicionar suas refeições diárias, incluindo detalhes como nome da refeição, ingredientes e calorias. Isso ajuda a manter um histórico das escolhas alimentares.

Edição de Refeições: É possível editar informações de refeições já cadastradas, permitindo correções ou atualizações conforme necessário.

Remoção de Refeições: Caso desejem remover uma refeição da lista, os usuários podem facilmente excluí-la, mantendo a lista atualizada e relevante.

Estatísticas de Progresso: O aplicativo oferece uma visualização das estatísticas do progresso da dieta, exibindo informações como o total de calorias consumidas, média de calorias por refeição, etc.

Navegação Intuitiva: A navegação entre as diferentes telas é facilitada pela integração do React Navigation, proporcionando uma experiência fluida e organizada.

Armazenamento Local: O uso do AsyncStorage garante que os dados das refeições sejam armazenados localmente, permitindo que os usuários acessem suas informações mesmo após fecharem o aplicativo.

Conceitos Aplicados
Estados e Imutabilidade: O gerenciamento de estados é aplicado para controlar as informações das refeições e estatísticas de progresso, seguindo o princípio de imutabilidade para garantir um fluxo de dados previsível.

Componentização: A aplicação é dividida em componentes reutilizáveis, tornando o código mais organizado e facilitando a manutenção.

Parâmetros de Navegação: Os parâmetros de navegação são utilizados para transmitir informações entre as diferentes telas, como os detalhes de uma refeição específica.

Estilização Modular: A estilização dos componentes é realizada através do Styled Components, seguindo a abordagem de estilos baseados em componentes para maior reutilização e coesão visual

[DETALHES](docs/ABOUT.md)

## 🚀 Technologies

- [ReactNative](https://reactnative.dev/)
- [Typescript](https://www.typescriptlang.org/)
- [Expo](https://expo.dev/)
- [StyledComponents](https://styled-components.com/)
- [AsyncStorage](https://react-native-async-storage.github.io/async-storage/)
- [Axios](https://axios-http.com/)
- [ReactHookForm](https://www.react-hook-form.com/)

## 🏁 How to run the project

```sh
# Clone the repository
git clone https://github.com/rafinhaa/daily-diet-app.git
cd daily-diet-app

# Install the dependencies
yarn install

# Start the Android application
yarn android

# Start the iOS application
yarn ios
```

## ℹ️ Info

## 📄 Changelog

## 📝 License

[MIT](LICENSE)

**Free Software, Hell Yeah!**