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

react framer motion space tourism

@edwinc73

Desktop design screenshot for the Space tourism multi-page website coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Community feedback

@Mahmoud-ElAgamy

Posted

Hi, i've been using your Space Tourism project, and overall, I’m impressed with how well it’s put together. The design is clean, the navigation is intuitive, and the overall user experience is smooth. However, I did encounter one issue that I wanted to bring to your attention.

There is an issue that occurs consistently when navigating from the homepage to the destination page or other page. Specifically, if I reload the destination page after navigating to it, I encounter a 404 error.

Addressing this issue will enhance the user experience and ensure that the site functions as expected, even when users reload pages. I recommend looking into the routing setup to ensure it handles these scenarios correctly. Once resolved, I believe the landing page will offer a flawless experience to all users. Good Luck!

Marked as helpful

1

@edwinc73

Posted

@Mahmoud-ElAgamy Thanks a lot for highlighting this issue. Seems like as an SPA when fetching the other pages the browser looks for fileName.html. Of course the file is missing hence the 404. The fix was to add both BrowserRouter and a vercel config file to tell react router to take over when other routes are requested

1

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