Grocery Macro

Grocery Macro helps users build a grocery list and instantly track calories, protein, fat, and carbs using USDA data. Simple, fast, and built with Bolt for personalized nutrition.

Comment

Inspiration

As a nutrition student, I’ve seen firsthand how unhealthy eating habits contribute to chronic diseases like obesity, diabetes, and heart disease. My goal was to create a simple but impactful tool that helps people make better food decisions, starting with something as everyday as their grocery list. I wanted to combine my passion for nutrition with technology to make healthy living more accessible and personalized.

What it does

Grocery Macro allows users to search for grocery items, add them to a list, and automatically see the total macronutrients—calories, protein, fat, and carbohydrates—based on quantities. It uses official nutritional data from the USDA and gives users a quick overview of how their grocery choices add up nutritionally.

How we built in

-Built the frontend and logic using Bolt.new, a visual development platform -Integrated the USDA FoodData Central API to retrieve accurate nutrition data -Deployed the app on Netlify, where I also securely stored the USDA API key using environment variables -Used JavaScript/TypeScript, Tailwind CSS, and Node.js through Bolt’s built-in systems Stored a copy of the project on GitHub for version control and documentation

Challenges we ran into

Being early in my programming journey, the biggest challenge was understanding how all the components—API integration, environment variables, deployment pipelines—fit together. Learning how to debug, test, and adapt to low-code workflows while ensuring the USDA API was correctly integrated required careful iteration and experimentation.

Accomplishments that we're proud of

Successfully created a full-stack MVP in a short time frame Managed to integrate and parse complex USDA API responses Built a working, responsive, and publicly deployed app Created a meaningful tool that aligns with my background in nutrition and health

What we learned

How to use and test third-party APIs How to work with environment variables and deployment services like Netlify The importance of frontend–backend communication, even in low-code platforms How to turn an idea into a working application in just a few days

What's next for Grocery Macro

Add micronutrient tracking (e.g. fiber, sodium, vitamins) Enable user accounts and saved food history Suggest healthier alternatives based on dietary goals Introduce multilingual support and possibly local food databases Prepare for a potential mobile-friendly version

Built With

Share this project:

Updates