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

Spa using Reacjs and React Router

#react#react-router#bem
Felix Criolloβ€’ 575

@FelixCriollo

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


In first place, this is my first time usign react outside the tutorials. Use props and the hooks useState and useEffect. Too use react router for build urls and so separare the content the user see in the page, use Link, BrowserRouter, Routes, Route and useLocation.

For the style of the page use vanilla css, i guess. The think is what i use the vanilla sintax of css

Also i work with fetch and with promises

Finally use create-react-app for have the basic config, try to made my own config but not works :d

  • How i can improve the order of the files on this project or in general?
  • How i can add styles of better way?
  • How i can improve the performance of the page?

Community feedback

Anosha Ahmedβ€’ 9,340

@anoshaahmed

Posted

To get rid of the accessibility issues shown in your Report, wrap everything in your body in <main> ... OR use semantic tags ... you can also give role="" to the direct children of your <body> but it's a little frowned upon ... Click here to read more

Great job! :)

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