Food Villa

link to the presentation: https://www.beautiful.ai/player/-MCdINoo_3v_htz2Hd17

Inspiration

We know many people around us that eat fast foods outside or do not even cook at home almost on a daily basis. Studies show that fast foods and eating outside in restaurants too much can affect people's health and is a leading factor in the huge number of people who have Obesity. Also, during COVID-19, many people are not able to eat outside because of quarantine, so they struggle to find something to eat that is healthy and tasty. We decided that these people need to be motivated to cook at home while remaining healthy as well. It is also important to encourage them to have fun and being as involved as possible, in order to encourage them to cook.

What it does

Food Villa is a unique type of Application on iOS and Android devices that not only provides users with hundreds of thousands of tasty and healthy recipes to choose from, but also involves all users of the app on the community platform, where users can share photos of their meals that they prepared and give up votes and down votes to each other, therefore involving them in a community where cooking is made more integral.

How we built it

We used expo-cli with react-native dependencies to develop this app. We used figma to design the layout of the app We used firebase email and password authentication api to register and login users in the app. We used WebNox recipes api (link in Github readme file) to get thousands of recipes and links to their website, which explain how to cook the food items. We used firebase realtime database to store all user information, such as user's name We also used firebase storage to store all the images and retrieve them to display in the community screen, where users can post their recipes to share amongst each other

Challenges we ran into

The first challenge we faced was connecting the app to the WebNox REST API to retrieve all the information. Since this was our first time using APIs with react-native, it was hard to get used to adopting to the syntax. The second challenge was coming up with an idea. Almost all the ideas before we settled on this one seemed not as good to us, so we wanted to improve on it by as much as we could

Accomplishments that we're proud of

Successfully connecting the API to the app Using Firebase authentication to login users Using Firebase storage to store and retrieve the images Using Firebase database to store other user's informations

What we learned

We learned that through making apps, possibilities are endless. We can do so much more than we initially thought we could do with an app. We also learned how to design beautiful and consistent layouts throughout the app. Also, we learned how to utilize Firebase to support our app. Finally, we learned how to connect APIs with expo/react-native applications

What's next for Food Villa (Team id: 99)

We plan to improve this app by adding more functionalities, such as adding potential for users to comment to each other. We also plan to release this app on iOS and Android in order to help the community and the people around us. We plan to improve our UI at a higher level. Lastly, we also want to add more recipes and ability to view ingredients and methods of cooking within the app, rather than opening in a browser.

Built With

• expo.io
• firebase
• firestore
• javascript
• react-native
• rest