Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted 10 months ago

Space tourism website built with REACT | VITE | JSX - MikDra1

react, styled-components, vite, motion
P
MikDra1β€’7,430
@MikDra1
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


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

πŸ’» Hello πŸ‘‹ Frontend Mentor Community,

This is my solution for the Space tourism multi-page website.

  • Scored 99,5% on Google Pagespeed Insights! πŸš€

  • Solution with 100% W3C validation accuracy 🌟

  • You should be able to:

  • View each page and be able to toggle between the tabs to see new information

  • View the optimal layout for each of the website's pages depending on their device's screen size

  • See hover states for all interactive elements on the page

Additionally:

  • Custom animation for mobile navigation built with framer-motion
  • Custom home screen button animation

πŸ› οΈ Built with:

  1. HTML ✨
  2. CSS 🎨
  3. JavaScript 🧾
  4. React βš›οΈ
  5. Vite.js πŸ’‘
  6. Context API πŸ›’
  7. Styled-Components πŸ’…
  8. Framer-Motion πŸ’ƒ
  • Fully responsive design crafted with a mobile-first approach πŸ“±

  • Enjoyed every moment coding this! 😎

  • Feedback is always welcomeβ€”let’s grow together! 🌱

  • Completed 13 out of 14 Intermediate Challenges so farβ€”keeping up the momentum! πŸ”₯

  • πŸ‘¨β€πŸ’» Join me on my coding journey as I tackle advanced challenges and add innovative touches to every project.

  • As I am developing in my journey with React I'm really looking forward to hearing your thoughts and suggestions! πŸ’‘

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 MikDra1'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