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

Space Tourism Website: Vue.js, Tailwind CSS, GSAP, and Vue Router

Sushmoy 300

@isushmoy

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

Solution retrospective


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

I take great pride in achieving near pixel-perfection in the website design. Additionally, I am proud of my adept utilization of JavaScript data, Vue Router for seamless page navigation, and GSAP for implementing captivating animations.

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

Encountering challenges with images not displaying after the build, I resolved the issue by utilizing the public folder for image assets. Additionally, I faced hurdles with routing but overcame them by carefully studying the Vue Router documentation. Initially grappling with understanding GSAP, I persevered through a thorough exploration of its fundamentals until I successfully grasped its concepts.

Community feedback

amr ashraf 110

@AMR1772000

Posted

the images doesn't load in the live server try to put it in the public folder and build again

1

Sushmoy 300

@isushmoy

Posted

@AMR1772000 It is already in the public folder. There was a typo in the URL path which caused the bug. Thank you for pointing out.

0

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