Hi! I wanted help creating a nutrition app. I want my app to use an ocr scanner but instead of giving a decription i want the ocr scanner to read the image and let the user know if it is healthy or not.

I can help you get a single property and then you can look over the documentation, tutorial videos, etc. to learn about the rest. Be aware that a property with square brackets [2] indicates a JSON array which is handled by list blocks in Thunkable. And I mentioned this before but JSON/API data is difficult. Expect to spend several hours to figure this out, at least. These blocks will give you the “transportation_score” property which currently has a value of 0 (zero). Hopefully this will get you started! [image]

Thank you! For the nutrition score would I have to “initialize each app variable” for the nutritional information and then add it on the “get property of object” block?

Should it be something like this? [image]

I decided to do only calories, saturated fat, sugars, salt, fiber, proteins, nuts, fruit and vegetables for the nutrition score, instead of doing all 32.

I shortened it a bit, and added the list. Is there anything I need to fix? [image]

Can someone help me solve this or let me know what else I need to add? Sorry for sounding rude I just need to get this project finished very soon.

I just posted a tutorial that shows how to correctly parse JSON. I hope it’s helpful. [image] API JSON Tutorial (Video) Tutorials and DIY Guides Using APIs in Thunkable and understanding how to parse JSON to get certain data from the API response is both a popular and a difficult aspect of using Thunkable. It’s not so much difficult because of Thunkable but because every API url format is different, every API documentation is different, every JSON response is different, etc. In this video, I spend a lot of time talking you through some best practices. It’s not a quick tutorial because if you rush through setting up an API in Thunkable, …

I looked at the tutorial, which was very helpful! I decided to use the property “nutriscore_grade”. I tried parsing the information like the video but I’m not sure if the blocks that I did are correct. Also I wasn’t sure what number to put in the get block. This is the url I used: https://world.openfoodfacts.org/api/v0/product/04963406 Could you please let me know what I need to fix? These are my blocks so far. [image] Thank you!

I’m glad it was helpful. The “nutriscore_grade” property is inside of the “product” property that’s inside of the object. So that’s it… just two of the “get property of object” blocks are needed for that value. There are websites that will help you find the “path” to a JSON property. I don’t tend to use them but if you copy and paste your full JSON response text into https://jsonpathfinder.com, you can expand the “product” property and then click on “nutriscore_grade”. At the top will be the path: [image] It says “x.product.nutriscore_grade” and I’m assuming the “x” is the object in this case. So “product” is the first property and “nutriscore_grade” is the second. There’s nothing more than that so again, only two “get property of object” blocks are needed to get that value instead of the 7 blocks in your screenshot.

Okay! Thank you so much! I fixed that but when I try to test it, there is just a blank white screen that shows up. These are my blocks: [image]

How to create nutrition app with ocr scanner?

Questions about Thunkable X

tatiang March 4, 2021, 1:51am 74

I just posted a tutorial that shows how to correctly parse JSON. I hope it’s helpful.

Topic		Replies	Views
Json and web api Questions about Thunkable X	1	399	March 3, 2021
How can I add food grade after getting the web api set up? Questions about Thunkable X	0	562	March 10, 2021
[Solved] How do I set API Headers? Questions about Thunkable X solved , webapi	33	1526	March 22, 2023
Unable to see results after using API from the MealDB Questions about Thunkable X beginner	53	4438	January 14, 2021
Open OCR API code needs fixing Questions about Thunkable X	22	953	February 26, 2021

How to create nutrition app with ocr scanner?

Related topics