How To Build Free AI APP with No Coding Experience
Website Used
Lovable: https://lovable.dev/
n8n: https://n8n.io/
Lovable Prompt – Create APP
Project: EATWISE AI – Simple Landing Page + Image Nutrition Analyzer
Goal: Build a fast, mobile-first landing page that lets a user upload (or capture) a meal photo and get instant macronutrient analytics (protein, carbs, fat) via a POST request. Keep it simple, pretty, and production-ready.
Fix Design Issues with ChatGPT ( if you dont like the look at 1st go)
Roast this web design and tell me how to fix it. Give answer in one paragraph.
Lovable – How to handle photo uploads
When the user submits a photo analyze the meal, then send it to the following webhook:
https://n8n…….. : CHANGE THIS TO YOUR TEST URL
with the image. Once you receive the response display it.
Here is a example response json:
[
{
“output”: {
“status”: “success”,
“food”: [
{
“name”: “Grilled Chicken Breast”,
“quantity”: “150g”,
“calories”: 248,
“protein”: 46,
“carbs”: 0,
“fat”: 5.3
},
{
“name”: “Cherry Tomatoes”,
“quantity”: “100g”,
“calories”: 18,
“protein”: 0.9,
“carbs”: 3.9,
“fat”: 0.2
},
{
“name”: “Chopped Carrots”,
“quantity”: “100g”,
“calories”: 41,
“protein”: 0.9,
“carbs”: 10,
“fat”: 0.2
},
{
“name”: “Green Beans”,
“quantity”: “100g”,
“calories”: 31,
“protein”: 1.8,
“carbs”: 7,
“fat”: 0.1
},
{
“name”: “Kiwi”,
“quantity”: “80g”,
“calories”: 42,
“protein”: 0.8,
“carbs”: 10.1,
“fat”: 0.4
},
{
“name”: “Apple Slices”,
“quantity”: “100g”,
“calories”: 52,
“protein”: 0.3,
“carbs”: 14,
“fat”: 0.2
},
{
“name”: “Mixed Berries (Blackberry, Blueberry)”,
“quantity”: “50g”,
“calories”: 29,
“protein”: 0.4,
“carbs”: 7,
“fat”: 0.3
},
{
“name”: “Lemon Wedge”,
“quantity”: “20g”,
“calories”: 6,
“protein”: 0.1,
“carbs”: 2,
“fat”: 0
}
],
“total”: {
“calories”: 467,
“protein”: 51.2,
“carbs”: 54,
“fat”: 6.7
}
}
}
]
n8n Agent Prompt
Analyze the dish in this image and provide a detailed nutritional breakdown, including estimated calories, macronutrients (protein, carbs, fats), and any notable micronutrients or health considerations.
n8n Agent Format
{
“status”: “success”,
“food”: [
{
“name”: “Grilled Chicken Breast”,
“quantity”: “150g”,
“calories”: 240,
“protein”: 45,
“carbs”: 0,
“fat”: 5
},
{
“name”: “Steamed Broccoli”,
“quantity”: “100g”,
“calories”: 35,
“protein”: 3,
“carbs”: 7,
“fat”: 0
}
],
“total”: {
“calories”: 275,
“protein”: 48,
“carbs”: 7,
“fat”: 5
}
}