https://github.com/vagnernerves/dailydiet-ignitern
Developed the Daily Diet project where you can register meals by entering the date and time, and indicating whether they are part of the diet or not. The system then calculates the percentage of adherence to the diet. Within the system, you can edit meals, delete them, and view statistics.
https://github.com/vagnernerves/dailydiet-ignitern
asyncstorage date-fns expo phosphor-react-native react-native react-native-modal-datetime-picker react-native-svg react-native-svg-transformer react-native-uuid react-navigation styled-components typescript
Last synced: 2 months ago
JSON representation
Developed the Daily Diet project where you can register meals by entering the date and time, and indicating whether they are part of the diet or not. The system then calculates the percentage of adherence to the diet. Within the system, you can edit meals, delete them, and view statistics.
- Host: GitHub
- URL: https://github.com/vagnernerves/dailydiet-ignitern
- Owner: VagnerNerves
- License: mit
- Created: 2023-02-25T13:30:51.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2023-06-18T23:01:58.000Z (almost 3 years ago)
- Last Synced: 2025-03-03T16:50:01.491Z (over 1 year ago)
- Topics: asyncstorage, date-fns, expo, phosphor-react-native, react-native, react-native-modal-datetime-picker, react-native-svg, react-native-svg-transformer, react-native-uuid, react-navigation, styled-components, typescript
- Language: TypeScript
- Homepage:
- Size: 1.67 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Daily Diet
Developed the Daily Diet project where you can register meals by entering the date and time, and indicating whether they are part of the diet or not. The system then calculates the percentage of adherence to the diet. Within the system, you can edit meals, delete them, and view statistics.
## 🧭 Table of contents
- [🧭 Table of contents](#-table-of-contents)
- [🎥 Implementation Video](#-implementation-video)
- [🎨 Layout](#-layout)
- [👏 Learning and more Implementations](#-learning-and-more-implementations)
- [💡 Technologies Used](#-technologies-used)
- [📂 Folder Structure](#-folder-structure)
- [🚀 Running the Project](#-running-the-project)
- [Mobile](#mobile)
- [🌎 License](#-license)
- [✒ Author](#-author)
## 🎥 Implementation Video
https://github.com/VagnerNerves/dailydiet-ignitern/assets/40831841/0cd7d004-7b02-4881-8376-8f6090344328
## 🎨 Layout
Layout developed by [Millena Kupsinskü Martins](https://www.linkedin.com/in/millenakmartins/)
[]()
## 👏 Learning and more Implementations
- Implemented the React Native Modal Datetime Picker in creating a new meal to select the date and time.
- Implemented saving the meal by generating a UUID and storing it in local storage.
- Formatted the dates and times using the date-fns library.
## 💡 Technologies Used
- [x] [React Native](https://reactnative.dev/) `version: "0.71.8"`
- [x] [Expo](https://docs.expo.dev/)
- [x] [TypeScript](https://www.typescriptlang.org/)
- [x] [Styled Components](https://styled-components.com/)
- [x] [React Navigation](https://reactnavigation.org/)
- [x] [React Native SVG](https://docs.expo.dev/versions/latest/sdk/svg/)
- [x] [React Native SVG Transformer](https://github.com/kristerkari/react-native-svg-transformer)
- [x] [React Native UUID](https://www.npmjs.com/package/react-native-uuid)
- [x] [React Native Modal Datetime Picker](https://www.npmjs.com/package/react-native-modal-datetime-picker)
- [x] [AsyncStorage](https://docs.expo.dev/versions/latest/sdk/async-storage/?utm_source=google&utm_medium=cpc&utm_content=performancemax&gclid=Cj0KCQjw1rqkBhCTARIsAAHz7K0imelUE87auOwuX_aXtzeClGuYLQLmSl-_Ef9qD1BqtetaKo40OYEaAlZWEALw_wcB)
- [x] [date-fns](https://date-fns.org/)
- [x] [Phosphor Icons](https://github.com/duongdev/phosphor-react-native)
## 📂 Folder Structure
```plainText
app
.
├── assets # Images for expo
├── src # Source files
│ ├── @types # Contains all global definitions of types and interfaces
│ ├── assets # Contains Js bundles assets. e.g: icons, splash, images etc...
│ ├── components # Contains all global react components
│ ├── routes # Contains application routes
│ ├── screens # Contains application screens
│ ├── storage # Contains saving data in locations.
│ ├── theme # Contains the theme of the application
.
.
├── App # Bundle entry
.
.
└── README.md
```
## 🚀 Running the Project
### Mobile
Clone the project
```bash
git clone https://github.com/VagnerNerves/dailydiet-ignitern.git
```
Enter the project directory
```bash
cd dailydiet-ignitern
```
Install with dependencies
```bash
npm install
```
Start the server
```bash
npx run start
```
## 🌎 License
This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/dailydiet-ignitern/blob/main/LICENSE) file for more details.
## ✒ Author
Vagner Nerves
Made with love and hate 😅, get in touch!
[](https://www.linkedin.com/in/vagnernervessantos/)
[](mailto:vagnernervessantos@gmail.com)
[](https://github.com/VagnerNerves)