Soy nuevo en el desarrollo front-end. He estado aprendiendo HTML/CSS/JS durante los últimos tres meses, principalmente tratando de resolver problemas de la vida real, mientras intento completar proyectos de muestra.

En este momento, estoy tratando de hacer un sitio web de cartera para diseño gráfico. Necesito crear una sección que muestre todos mis trabajos anteriores en un div de desplazamiento infinito con desbordamiento oculto, donde solo se verán tres filas de miniaturas.

Estoy tratando de automatizar el proceso de creación de divs y cada div contendrá una miniatura como un elemento IMG, basado en la primera imagen en cada una de las carpetas, para que en el futuro, simplemente pueda cargar una carpeta en mi directorio de Works, que contendrá 3 imágenes y quiero que solo la primera imagen en cada carpeta sea la fuente de la imagen contenida en cada div creado dinámicamente.

Quiero crear dinámicamente 1 div para cada carpeta dentro del directorio WORKS (por ejemplo, DIV1 tiene h2-Project1-/h2 y -img src=img1-, DIV2 tiene h2-Project2-/h2 y -img src=img2-, etc. (por favor revise la imagen)

Mi estructura de carpetas se ve así

La página web debería verse así, después de la población dinámica

También quiero hacer clic en uno de los divs creados dinámicamente y ser redirigido a una nueva página en la misma ventana, donde la imagen utilizada en la miniatura ahora será más grande y se colocará dentro de un carrusel, junto con las otras dos imágenes de esa carpeta. Debajo de ese carrusel div, también quiero tener un carrusel poblado en función de las carpetas (igual que en la página anterior), excepto la carpeta desde la que estoy viendo imágenes actualmente.

La estructura de esa página debería ser algo como esto

Pido disculpas por una pregunta tan larga. Esta es mi primera publicación aquí y todavía soy completamente nuevo en el desarrollo de Front End. Espero haber podido explicar lo que estoy tratando de hacer y espero poder hacerlo simplemente con JavaScript.

Cualquier tipo de dirección o ayuda es muy apreciada. He buscado mucho, pero no pude encontrar una respuesta, pero nuevamente, tal vez simplemente no sabía qué buscar.

Gracias de antemano por su consejo.