Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 3 years ago

Space Tourism website using react-router-dom and framer motion

Matthew Van Pelt•575
@Mattvp21
A solution to the Space tourism multi-page website challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Largest project I've done as of yet. I don't mean to be negative but I'm not proud here. I have some issues on the design end and can't seem to render the images right. I usually don't like to post things unless I think it's perfect but I figured this is practice and I can learn from my mistakes. I was shopping for a new animation library and found framer-motion and I really enjoy using it so far! As always, please give constructive criticism.

Thanks,

Matt

//UPDATED SOLUTION

Fixed the design but still having trouble with the images. On the destination/crew page, you have to click twice to get the right image and the technology images wont change at all. I really want to put this in my portfolio because I've wanted to do this challenge forever, so the help is much appreciated. Thanks!

// FINISHED

Fixed the images by using the ternary operator to switch the images. Dont know why I had so much trouble but glad something worked

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Matthew Van Pelt'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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License