Galleria Slideshow using Astro, Sass, Tailwind and Vanilla JS

What are you most proud of, and what would you do differently next time?

This was one of the projects that might serve as a foundation for similar work in the future, possibly in a professional setting. It was incredibly helpful for my learning. While it wasn’t particularly challenging in terms of technical complexity, I gained a lot of valuable experience.

The project includes numerous pages, each featuring an article about a specific painting. I used dynamic routes in Astro to create these pages. The main page features a Masonry Layout, and I gave it my best effort to implement it, though I’m not entirely sure it was the optimal solution.

In the future, I plan to revisit this project and rebuild it using a framework to create it as a single-page application (SPA).

What challenges did you encounter, and how did you overcome them?

The main challenges were related to CSS, particularly in creating the Masonry Layout and designing the painting pages to use Grids effectively across different screen sizes.

Additionally, I experimented with dynamic routes in Astro to build multiple pages, which was my first time working with this technique.

What specific areas of your project would you like help with?

I used Astro to build this project, including dynamic routes. I’d like to know if my approach is correct for creating multiple pages within a folder. Specifically, I added a [slug].astro file and used a data.json file to generate the pages.

Regarding the CSS, is my implementation of the masonry layout correct?

If you notice any other issues in my HTML, Accessibility, or CSS, I would appreciate your feedback on those as well.