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

A daily diet diary for practice of React Native basics, navigation and asynchronous storage.
https://github.com/rcrdk/daily-diet-app

async-storage expo react react-native react-native-navigation styled-components typescript

Last synced: 17 days ago
JSON representation

A daily diet diary for practice of React Native basics, navigation and asynchronous storage.

• Host: GitHub
• URL: https://github.com/rcrdk/daily-diet-app
• Owner: rcrdk
• Created: 2024-11-25T19:32:47.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2024-11-28T14:52:08.000Z (3 months ago)
• Last Synced: 2024-12-08T17:11:58.648Z (2 months ago)
• Topics: async-storage, expo, react, react-native, react-native-navigation, styled-components, typescript
• Language: TypeScript
• Homepage:
• Size: 1.38 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 🍽️ React Native Daily Diet Tracker App

This is a React Native app created to help users monitor their eating habits. Users can log meals, track their progress. The app was developed as a challenge during my lessons at [Rocketseat](https://rocketseat.com.br/).

---



  



## 📱 Features

- **Dashboard**:

  - View the percentage of meals that are on diet.

  - List recent meals with the ability to add new ones.

- **Statistics**:

  - View detailed stats, including:

    - Total meals.

    - Meals on diet.

    - Meals off diet.

    - Longest streak of meals on diet.

- **Meal Management**:

  - Create new meals with details like name, description, and diet status.

  - View meal details with the option to edit or remove them.

## ⚙️ Tech Stack

- [React Native](https://reactnative.dev/) + [Expo](https://expo.dev/)

- [AsyncStorage](https://docs.expo.dev/versions/latest/sdk/async-storage/)

- [React Navigation](https://reactnavigation.org/docs/getting-started/)

- [Styled Components](https://styled-components.com/)

- 

## 🎨 Figma

The UI design was provied by Rocketseat, [check it out](https://www.figma.com/design/ElmowWPOHsbfw5m8wpKmft/Daily-Diet-%E2%80%A2-Desafio-React-Native?m=auto&t=qoFNVnoOkx4N526o-6).