Skip to content
Submitted 2 days ago

Space Tourism Website Using React.js

react, react-aria, tailwind-css, accessibility, motion
LVL 2
Sim100
@sim-ps
A solution to the Space tourism multi-page website challenge

Solution retrospective


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

I’m most proud of bringing the full multi-page experience together into a cohesive, responsive site with reusable UI components and a polished feel across desktop, tablet, and mobile. The project also helped me get more comfortable with React Router, component-driven architecture, and the challenge of making content feel dynamic without overcomplicating the state logic.

If I were to do things differently next time, I would plan the component structure more deliberately from the start so the shared pieces are even more reusable. I’d also spend more time earlier on accessibility details like keyboard focus states and screen-reader-friendly tab behavior.

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

The biggest challenge I encountered was making the layout and content feel consistent across the different sections while adapting to multiple screen sizes and image variants. I overcame that by leaning on reusable layout components, data-driven content, and targeted responsive styling for each page.

What specific areas of your project would you like help with?

I’d especially like help with polishing the animation experience further, improving the accessibility testing workflow, and exploring more advanced patterns for state management and component composition in future projects.

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Sim’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