How could I able to import CSV data for Lists and potential UX/UI display?

[Jessica]

Hi MIT App Inventor community,

I am currently building an app that requires me to display data from a CSV file (like cookbook/recipes.csv at master · cweber/cookbook · GitHub) in the MIT app. I would like to enable list picker features for users to select the item they would like to view (such as the title/recipe name in the example CSV), but I'm having a hard time figuring it out. I have tried using TinyWebDB and File along with a list picker, but I haven't achieved any success (I should have saved those screenshots).

Additionally, I was wondering if it is possible to display the CSV data one by one as shown in the wireframe below. I've already given up on including the picture and swipe button since they might be too difficult, but I still would like to try for the text data.

Thank you very much! Any advice is appreciated!

[ABG]

Here's an example using a List Picker, File, and Web Viewer.

Wheres_MIT

I never tried to store the web pages in the Media folder instead of showing them off the Web.

[Jessica]

thank you!! i will check it out!!