MacroMart

Inspiration

I track my protein, and ordering groceries on quick delivery apps like noon Minutes, Blinkit and Zepto is honestly annoying. Every app hides the macros one tap away on the product page, so comparing two yogurts means opening both, scrolling, and doing math in my head. Swiggy already launched a High Protein section for restaurant food, which proved people want this, but grocery apps still don't have it. So I built the feature I wished existed.

What it does

MacroMart is a feature upgrade for noon Minutes.

• Macros on every card. Every product shows protein, carbs, fat and calories right on the listing, with a toggle between per serving and per 100g.
• High Protein, High Carb and High Fat aisles. Built on real gram rules, not marketing tags.
• Sort by value. Sort by protein per AED or protein per 100 kcal to find what actually gives you the most for your money.
• Macro goal basket. Set a daily goal and the cart shows live progress bars, plus the cheapest items to close the gap.

How we built it

I built it with Next.js and Tailwind using Cursor, as a mobile first clickable prototype deployed on Vercel. Products and macros come from a demo dataset of about 40 common UAE grocery items. The aisle rules live in one small file with unit tests. For example, an item counts as high protein when

$$\text{protein} \geq 10\text{g per serving} \quad \text{and} \quad \frac{4 \times \text{protein}}{\text{kcal}} \geq 0.2$$

and the value sort uses

$$\text{protein per AED} = \frac{\text{protein (g)}}{\text{price (AED)}}$$

Challenges

The hardest part was deciding what "high protein" actually means. Lots of products call themselves high protein in the name but aren't, so I used clear gram and calorie rules instead of trusting labels. Making it feel like it belongs inside noon Minutes, and not like a separate app, also took a few rounds of design changes.

What I learned

I learned how to turn a real annoyance into a focused feature, how to write rules that are simple enough to explain to judges, and that a good prototype is mostly about the details on one screen.

What's next

Pulling real nutrition data from product pages, adding goals for specific diets like keto or bulking, and suggesting swaps to the user's whole cart.

Built With

• cursor