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

Html, CSS, JS, React, Vite, Framer

@LieutenantCobretti1998

Desktop design screenshot for the Photosnap multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
4advanced
View challenge

Design comparison


SolutionDesign

Solution retrospective


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

I am really proud to build this website based on the react router which helped me to understand how to use this extension for react in order to build single page website but with different routing logic. Also, I proud of myself in my increased capability to create responsive websites as my experience is growing from project to project. Finally, I created an additional dynamic page for each story to make site more complex and interesting🥲

In Next project I will use react-redux and tailwind CSS which I already know and now it is time to use them fully in my next react challenge😅❤️

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

The biggest challenge was making website more alive that's why I implemented framer library which is the library for creating beautiful animations for react components. Another challenge was creating components in as much responsive way as possible. I thought I also handled this problem.

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

What can I do with images in order to make routes to wait for the images being loaded ? Because sometimes images are not loaded and it is break my smooth animations, especially viewport animations when due to empty image container other container come into play and break the animations. ** What can you advice me ?😍**

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