Skip to content

igormcsouza/nutrition-app

Repository files navigation

Nutrition app

Upload the picture of the dish and take a look at what kind of food is there an get tips to eat better!

#artificial-inteligence #react-native #mobile-app #nutrition

Tecnologies

Styles

Using Nativewind to build the application styles. This framework wraps Tailwindcss to be used on React Native components.

Even though this project was done at rocketseat first, the entire application was done by me, I only took the style guide as inspiration.

Examples

Those are some screenshots of the app running.

Image of the Style Image one example of the running app

Issues Found

Initiate the project and run it with Expo Go

First Install Expo CLI into the system and create a new expo project with typescript template npx create-expo-app -t expo-template-blank-typescript, then start the app with npx expo start --tunnel to run the app thru tunneling! Follow the link for preparation for tunneling. That might be all, the QRCode will appear in the terminal ready to be read by the Expo GO App on the phone.

Typescript problems with className

This attribute is not inherited on View or other components, so follow this guide to understand how to fix this issue. It's preatty simple tho.

About

Upload the picture of the dish and take a look at what kind of food is there an get tips to eat better!

Topics

Resources

Stars

Watchers

Forks