photogrid | simple thumbnail grid view including a fullscreen detail | Widget library

I want to use formidable and knox to upload files to AWS S3 bucket, but I get a 400 each time and the file is not uploaded. My code is similar to this: nodejs knox put to s3 results in a 403, the only difference is that the first argument of my readFile is from my windows temp folder, I tried the solution in the comment by ensuring my bucket name is only small letters but this also did not work. Please help if you can, thank you. My codes are below:

App.js

I have a Loop that builds DOM elements (photo cards) if the photo data corresponds with an Artist ID.

The problem I have is that in my JSON file, there are 10 Images with the given Artiste ID, but my loop only creates cards for 7 of them, and the 7th one is just empty.

Does anyone know why?

Thanks a lot.

Here's my CodePen : https://codepen.io/enukeron/pen/poEyLXz

my HTML :

Long story short, i have a Javascript selector issue.

I have a loop that creates several elements, wich each have the same button and a different input value. Clicking a button needs to increase the associated input value by 1, and change aspect (toggle between +1 and -1).

My problem is that clicking on one button changes the aspect of all of them, and increases the value of the last input value instead of it's associated one.

I've tried using [i] with the selector, as well as getElementsByNames instead and many more.

Doesn't seem easy to explain clearly, this might help : https://codepen.io/enukeron/pen/qBaZNbb

Thanks for any help you can give.

HTML :

I'm new to React and found this react-photo-feed by lkazberova I can't get it to work I have created a demoPhotos like this:

I'm trying to set up react-router in an example application, and I'm getting the following error:

I called the AttachmentWidget(snapshot.data) the method inside the column widget, So dynamically get the data from the API. After receiving this data, According to the ext i stored into the path List, for example, that is an image extension, I will store as an image path In this case if I get 5 images, I want to path 5 path lists into the Photogrid imageUrls: imgpathList, For this, I got an error as

error message

I'm building a blazor application where I should keep java script code to minimal. So I'm using only bootstrap css in my parallax page. I have made scroll spy like behavior work with window.onscroll since it cannot be done with c# as of now; but it gives poor performance.

After googling, I recently came across IntersectionObserver API. so I thought of making my existing window.onscroll logic to work with IntersectionObserver API. However I'm not able to achieve it.

Here is what I'm trying to do. In my parallax page with fixed top nav bar and I would like to apply active css class to a.nav-items when the user scroll reaches the respective section he wants to view.

Here is the HTML:

I am following a course where the author has written some code for routing in react using react-router version 3.

I am showing random images in gridview using string array urls with picasso in first activity and when I'm clicking on any image in gridview then I want to show that exact random image in next activity. i am using put extra and sending that position like int r = random.nextInt(array.length); I'm using that r into gridview put extra as position. but when i m setting that r in imageview its showing another random image not exact.

This is my code