Mindful Bites - United + GHW

Welcome Screen
Mood Slider
Ask Munchie Modal
Munchie Bot
Relaxation Timer
Profile
Mood Trends

Inspiration

Our app was inspired by our love of both cuisine and technology, by blending these passions we created our app. We combined mood tracking with personalized recipe suggestions with the goal to create an experience that allows for mental health and creative cooking.

What it does

Our app helps you track your mood throughout the day and then uses your information to create a personalized recipe. Based on how you’re feeling, available ingredients, and your cooking ability the chatbot suggests a dish for you! The app includes an adjustable timer for relaxation and a place to see your current mood along with your mood history.

How we built it

We built this app using a framework known as react native through the expo development tool . We also used many dependencies and API's such as victory/react for our customized charts to track your mood and google/generativeai for our munchie chatbot. We also used react native's async storage dependency to save mood history which was super important for the development of our app.

Challenges we ran into

One of the biggest challenges we ran into was developing the backend for our app, specifically the async storage built off of react native's async storage dependency was especially difficult to implement across our app as we needed it to save user's mood history and data on multiple pages. One more thing that was especially difficult was personalizing the chatbot to create specialized recipes based on the user's info including user cooking skill, ingredients, and emotions.

Accomplishments that we're proud of

Some accomplishments we are especially proud of include the UI of our app and the seamless integration of our chatbot along with all the possibilities our mood tracking feature. We are especially proud of our work ethic and what we were able to accomplish in just one weekend.

What we learned

In the development of this app, we learned a number of things. We learned how to create an aesthetic interface for the user using Tailwind CSS. Additionally we learnt how to seamlessly integrate async storage functionality across our app providing the user with the best experience. Finally we learned how to input specialized data into our chatbot to provide the user with the best recipes possible.

What's next for Mindful Bites

Our plan for Mindful Bites is to continue to build upgrade it and add more features for the user. Our passion for cooking and computer science brought us to develop this app and the next step is to make it accessible for everyone, so everyone can enjoy the incredible cooking and mental health experience that we provide.

Built With

gemini
react-native
tailwindcss
victory-charts

Submitted to

Global Hack Week: Cloud
United Hacks V3
- Winner First Place - General Track

Created by

I created the Figma designs, developed the front end, edited and produced the video, and contributed to the overall development of the app.

Prahaas Nukala
I worked on most of the front end. Created the entire welcome screen, home tab, relaxation timer, and _layout.jsx

Private user
I worked on the backend and created the Async storage file not only connecting the mood slider to the mood tracking circle but also connecting the async data to the chart and building the reset button.

Siddharth Santhosh
I worked on both backend and front end of this project. I created the chatbot and added the personalized data. I also created the "Ask Munchie" Modal and the Data chart that automatically updates based on the async data.

Arjun Pendharkar