Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Galleria Slideshow Site challenge solution with ReactJS

@maricastroc

Desktop design screenshot for the Galleria slideshow site coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


In this project, I had the opportunity to practice working with ReactJS, using concepts like states, immutability, properties, components, context and keys. I was also able to practice many design features (masonry layout, slideshow presentation, lightbox view) and to use a Mobile First approach in order to favor responsive design.

I'm not sure that using routes was the best solution for transitioning between the gallery interface and the slideshow interface. Also, I'm not entirely sure about typing TypeScript in my project, as I'm still learning how to use it. Any tips and opinions would be extremely welcome!

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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