Galleria Slideshow Site

Solution retrospective
The layout of the home page was difficult to implement when it did not click to me right away until I decided to use column count instead of using flex-boxes to make the thumbnails/cards flow in columns.
Edit: I made the mistake of thinking I needed a timer to automatically switch pages after a certain amount of time. But I'm keeping it.
What challenges did you encounter, and how did you overcome them?This was my first time routing with parameters in Vue, so it took me a while to understand the nuances like how its single page application means that the page does not really reload the components since it isn't actually reloading the page, only its components. So, I had to add a watch() Vue built-in function to check whether the params of the path have changed to update whatever needs to be displayed.
It was also my first time dabbling the setInterval and setTimeout in depth. I learned how to add and clear them as to not overlap between multiples.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on takahashiyb’s solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord