Macro Meals app

Inspiration

In today's fast-paced world, the abundance of dieting information and the complexity of planning balanced meals can be daunting and time-consuming. Many people, particularly those with hectic schedules, find it difficult to determine their calorie needs and identify suitable recipes. Macro-Meals was inspired by the need to simplify this process, offering an automated, straightforward solution to help users achieve their health goals without the stress of planning.

What it does

Macro-Meals generates customized meal plans based on individual user inputs and health goals. Users enter their age, gender, weight, height, activity level, dietary preferences, and specific health objectives. The platform calculates daily calorie needs and provides personalized meal plans with recipes that meet these requirements. It supports various dietary restrictions and preferences, ensuring users get meal suggestions that suit their tastes and health goals. The user-friendly interface allows for easy meal plan adjustments and grocery list creation.

How we built it

We built Macro-Meals using HTML, CSS, JavaScript, and Jquery for the frontend. The backend is powered by the Fitness Calculator API to calculate daily calorie requirements and the Edamam API to fetch recipes. Tailwind CSS was used for a polished and responsive UI. The interactive dashboard features were developed to display meal plans, nutritional information, and recipe links, along with functionalities for refreshing recipes and saving favorites to a virtual cookbook.

Challenges we ran into

Some of the challenges we encountered included integrating multiple APIs, managing fetch limits, and ensuring a seamless user experience with Jquery. Handling diverse dietary preferences and restrictions also required careful consideration to provide accurate and relevant meal plans.

Accomplishments that we're proud of

We are proud of creating a functional and user-friendly platform that simplifies meal planning. Successfully integrating the Fitness Calculator and Edamam APIs to generate personalized meal plans was a significant achievement. Additionally, we are pleased with the interactive features like recipe refresh, virtual cookbook, and excess calorie display, which enhance user engagement and convenience.

What we learned

Throughout the development of Macro-Meals, we learned the importance of user-centric design and the challenges of integrating multiple APIs. We also gained valuable experience in frontend and backend development, UI/UX design with Tailwind CSS, and managing data persistence across sessions. Collaboration and agile development practices were key to overcoming obstacles and refining the app.

What's next for Macro Meals app

Looking ahead, Macro-Meals plans to support more diet preferences such as keto, vegetarian, and paleo, enhance recipe search functionality, include progress tracking, allow multiple user profiles, and offer weekly meal plans. This continuous development aims to make meal planning even more convenient and effective for users.