FoodPlan

Inspiration

Eating a balanced diet and living a healthy lifestyle requires monitoring our daily calorie intake and ensuring it aligns with our body goals. Whether it's shedding extra pounds by consuming fewer calories than our bodies burn or gaining weight and muscle mass by increasing calorie intake, calorie tracking is a fundamental aspect of a healthy lifestyle. However, many individuals need help structuring their daily diets around their caloric goals and keeping track of their progress.

This is why we were inspired to create an app that simplifies the process of calorie tracking and meal planning. We wanted to provide an easy-to-use tool that enables users to create meal plans according to their calorie targets and estimate the calorie content of their meals effortlessly. Our app helps users stay on track with their dietary goals by providing real-time feedback on their calorie intake and progress, empowering them to make informed decisions about their nutrition and lifestyle.

In essence, our inspiration for building this app was to help people achieve their health and wellness goals by providing a simple yet effective tool to monitor their daily calorie intake and plan their meals accordingly.

What it does

Our app offers a variety of features to make meal planning and cooking a breeze. Here's what it can do:

Generate a weekly meal plan tailored to your calorie targets and diet.
Browse a diverse list of recipes to fit your preferences and dietary needs.
Access an interactive recipe experience in the kitchen, including checkboxes for ingredients, ingredient substitutes, and click-to-check-off instructions. Plus, an auto-generated timer for some instructions to help you cook with ease.
Analyze images of your meals to determine their nutritional content, giving you a better understanding of what you're eating and helping you stay on track with your dietary goals.

How we built it

We used Next.js, a popular React-based framework, to develop our website's frontend.
To enhance the user experience and design, we leveraged Tailwind, a utility-first CSS framework.
Finally, we integrated the Spoonacular API to retrieve recipe and nutritional information and create a customized meal plan for users.

Challenges we ran into

While developing our website, we encountered several challenges. Here are some of the obstacles we faced:

Implementing the drag and drop feature was more challenging than expected, and required extensive troubleshooting to get it working correctly.
Typescript proved to be a bit tricky to work with at times, and required some additional research and debugging to overcome.
We struggled with time organization, as we were working under a tight deadline and had to prioritize some features to ensure we could complete the project before the deadline.
Finding a suitable API to source recipe and nutritional data proved to be challenging, as we had very specific criteria and requirements for the data we needed.
Finally, the API rate limit was a significant obstacle, as we were on the free plan and had to work around the limitations to ensure our app functioned as intended.

Accomplishments that we're proud of

We are thrilled to have attended our first hackathon and are pleased with the results. We took on the difficult task of developing an app from scratch in a short amount of time, and we are really proud with the result. Several of us were also unfamiliar with Tailwind and NextJS before we began the project, but we put in the time and effort to become proficient with them. Using these methods to create an app is a feat in itself, and we are pleased with the results of our collective efforts.

What we learned

We learned that when it comes to building a successful app, planning is essential. We need to take the time to carefully consider the scope of the project and ensure that we have the necessary resources and time to complete it. While hackathons can be exciting and fast-paced, it's important to keep in mind that we only have a limited amount of time to work with and it is reality sadly we have to experience in this hackathon. In the future, we will have to be realistic about what we can achieve in that time frame. By doing so, we can ensure that we focus our efforts on the most critical aspects of the project and maximize our chances of building a successful app within the given time.

What's next for FoodPlan

For future development, we plan to:

Integrate user’s stats where users can keep track of daily caloric intake.
Give users the ability to create and share meal plans with others.
Recommend healthier versions of recipes that users input
Remind users about their plan by sending them emails to help them keep on track.