luismda/daily-diet

This project is a meal register to diet management app with metrics of diet progress.

Daily Diet 🍽️😋

---

About

Daily Diet is a mobile application to control your diet. In it you can register your meals and follow your progress.

With this application, you can register a new meal at a specific date and time, informing whether or not it is in your diet. It is also possible to view the details of each meal, as well as edit and delete your already registered meals. In addition, the application provides you with a follow-up of your diet, providing feedback through some statistics and metrics based on the meals already registered, such as the best sequence of meals within the diet, percentage of meals in the diet, among other information.

The project was developed using these technologies:

• TypeScript
• React Native
• Expo Managed Workflow
• NativeWind (library to use TailwindCSS in React Native)
• React Navigation (stack navigation)
• Async Storage (used to local storage of meals)
• React Hook Form
• Zod

Finally, this project was a challenge developed in the React Native training in Rocketseat Ignite course. The main purpose of this app was to practice styling, navigation and local storage, as well as some React Hooks and techniques, and good coding practices.

Access the project layout in Figma

Instructions

• Requirements:
  • Node.js LTS

1. Clone the repository:

git clone https://github.com/luismda/daily-diet.git

2. Install the dependencies:

npm i

3. Run app:

npm start

4. To preview the app, you can use Expo Go on your physical device or use an Android or iPhone emulator on your computer. See some more details in the React Native and Expo documentation.

Get started

A good starting point to get to know the project better is to look at the code, so you can start with the screens folder, where all the project's screens are located. In the routes folder, you will also find all the routes defined in the app.

All components were created inside the components folder. You will notice that some of them have more than one file for the same component. This happens because of the Composition Pattern, which was used in some cases.

Finally, in the storage folder you will find the functions that handle Async Storage and handle local read and write operations. It is important to highlight that the key used to store the meals is defined in the constants folder.

Created by

Luís Miguel | LinkedIn

#NeverStopLearning 🚀