Displaying repetitive data from a JSON (Video Transcription)

Quick question please,
First just wanted to say thank you so much for all the insightful help @Joyce & the team gave here.
I have a problem:
I have a JSON file that is returned to Xano from Deepgram and that transcribes the video. Nested inside I have paragraphs, which I can read in WeWeb.
I need to display the paragraphs in a box.
Is there a logic to it, as I am trying to display all the paragraphs from one video, not from all the videos a user has, as you would do in the case of displaying all the certain types of data from a collection?
The structure of the Json is (very nested, I know):


I can concatenate the sentences in one paragraph, but listing all paragraphs is a bit harder.
Thank you in advance. (I imagine it might ned a Vue component, but I am hoping there is a way that I have missed.)

Hi @TOWAB :wave:

Would you mind recording a short video walking us through the project? I’m having trouble picturing it.

From what I can see in your screenshot, you have:

  • one paragraphs object for each video
  • each object has a list of paragraphs
  • each paragraph in that list has a list of sentences

Is that correct or does the paragraphs object relate to all the videos and which video a paragraph relates to needs to be identified through an id nested somewhere in there?

Hi @Joyce
Thank you for your reply.
The UJ is the following (I do not think I was too clear on the first message):

  • User uploads a video, we transcribe (Deepgram) and return a JSON in Xano (all good until now).
  • I can display the lists of videos from the Xano database, by binding a collection (happy days, thanks to your videos we got here as well)
  • When I go to “edit” a video (more exactly to editorialise content from a video) I need to show the user a list of all paragraphs, and he can select the paragraph (a,j,m & x - for example), and we create a video with those paragraphs. (On click export, sends a call to the backend API and then it returns a “clip” which we show in a list)

Sorry for the long message, I wanted to be more clear.

I have also done a screen record, where you have the initial Figma design, and then the WeWeb JSON structure: Display paragraphs.mov - Google Drive