Skip to content
Submitted 6 days ago

Galleria Slideshow Site

sass/scss, vue, vue-router, pinia, typescript
P
LVL 4
@takahashiyb
A solution to the Galleria slideshow site challenge

Solution retrospective


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

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.

Code
Loading...

Please log in to post a comment

Log in

Community 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