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.

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
• 🎥 Implementation Video
• 🎨 Layout
• 👏 Learning and more Implementations
• 💡 Technologies Used
• 📂 Folder Structure
• 🚀 Running the Project
  • Mobile
• 🌎 License
• ✒ Author

🎥 Implementation Video

Project.Daily.Diet.mp4

🎨 Layout

Layout developed by Millena Kupsinskü Martins

👏 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

• React Native version: "0.71.8"
• Expo
• TypeScript
• Styled Components
• React Navigation
• React Native SVG
• React Native SVG Transformer
• React Native UUID
• React Native Modal Datetime Picker
• AsyncStorage
• date-fns
• Phosphor Icons

📂 Folder Structure

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

  git clone https://github.com/VagnerNerves/dailydiet-ignitern.git

Enter the project directory

  cd dailydiet-ignitern

Install with dependencies

  npm install

Start the server

  npx run start

🌎 License

This project is under the MIT license. See the LICENSE file for more details.

✒ Author

Vagner Nerves

Made with love and hate 😅, get in touch!