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 Space Tourism With Framer Motion

@vaqueraoscar0

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


Technologies

  • React
  • React-Router-Dom
  • Framer Motion
  • HTML5
  • CSS3

Challenges

The Space Tourism Multipage Website challenge presented a variety of difficulties throughout the development process. Some of the main challenges encountered include:

  • Design Implementation: Translating the provided design into a fully functional website required attention to detail and careful consideration of layout, colors, and typography.

  • Responsive Design: Ensuring that the website is visually appealing and functional across different screen sizes and devices required implementing responsive design techniques.

  • Animation and Transitions: Incorporating Framer Motion to bring animations and transitions to the website added complexity to the project, requiring careful planning and execution.

Learnings

Working on the Space Tourism Multipage Website challenge provided valuable learning opportunities. Some of the key takeaways from this project include:

  • Advanced React Concepts: The project allowed for the application of advanced React concepts, such as component composition, state management, and React Router Dom.

  • Framer Motion: By integrating Framer Motion, I gained hands-on experience with creating smooth animations and transitions, enhancing the overall user experience.

  • Responsive Design Techniques: Implementing responsive design principles improved my understanding of building websites that adapt to different screen sizes and devices.

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