Display JSON data with Bootstrap 5 from Fetch API

Status
Not open for further replies.

kimsin

Registered Member
Joined
Jun 13, 2018
Messages
78
Reaction score
47
Dear All,

I need someone to show me how to display fetched JSON data from the API endpoint to a Bootstrap 5 website.

The structure is as follows:
- Menu --> Categories --> Products --> [ List of Products ]

Each product contains id, image, name, description and price.

I can display all categories and the first item in each category, but I don't know how to loop it. I am using Bootstrap 5 accordion: https://getbootstrap.com/docs/5.0/components/accordion/

The issue is that I don't know how to load dynamic content inside another dynamic content.

This is the example JSON API response: https://codebeautify.org/jsonviewer/cb51497a

I am interested in "categorys" part. Display the name of the category in the accordion and the products as lists inside the accordion. So you press on the category and it opens a list of products with an image on the left, title and description in the middle and a button on the right. Something like this but in Bootstrap 5 accordion: https://visualmodo.com/wp-content/u...e-Restaurant-Menu-Plugins-for-WordPress-1.jpg

It should be a fairly simple task for someone who knows about looping and displaying HTML content from JS.

My budget is the average hourly rate for a front-end developer. The task could be 15 minutes job and I am still willing to pay the full hourly rate.

I would like this to get done ASAP, so let me know your hourly rate and if we agree we proceed.

The only payment method I can do is PayPal.

Thank you in advance.

Regards,
BHW member.
 
Status
Not open for further replies.
This thread has been auto closed due to the forum's thread age policy. Read more.
Back
Top