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

Mobile First - Space website(deload)

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 specific areas of your project would you like help with?

I am suprised that instead of deploying my site, it deploys the Readme file(i did all that I needed to do). :/ If you have any advice to share, I'll be gladly thankful!πŸ”₯

Community feedback

Teodor Jenklerβ€’ 3,720

@TedJenkler

Posted

Hi Alex,

Nice project! I haven't done this one yet, but I have a few suggestions for improvement:

Custom Hook for Keyboard Navigation: Consider adding a custom hook using useRef and useEffect to listen for "Enter" key presses. This would allow users to navigate and select options without needing to click buttons. At the moment, it might be unclear to some users how to proceed to the next part. While not necessary, implementing this would be excellent practice for some of the most important concepts in React, and would help you become a more experienced React developer.

ARIA Labels for Accessibility: To improve accessibility, consider adding ARIA labels to elements that aren’t semantic HTML. This ensures that your site is usable for all users, including those who rely on screen readers.

Extra Challenge - Animations and Transitions: As an extra challenge, try adding some animations and transitions to make your project stand out. This could enhance user engagement and make your project a strong portfolio piece.

Hope these suggestions help!

Best, Teodor

Marked as helpful

1

MikDra1β€’ 5,810

@MikDra1

Posted

If I were you I would try to use Netlify. I work on it and everything is fine😁

Hope you found this comment helpful πŸ’—πŸ’—πŸ’—

Good job and keep going πŸ˜πŸ˜ŠπŸ˜‰

Marked as helpful

1

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