Submitted about 2 years ago

7 page planet fact site using React, React Router and Sass

Renan Tiscoski•1,240

@DonUggioni

Preview site View code

This is a solution for...Planets fact site

HTML
CSS
JS

3intermediate

Design comparison

SolutionDesign

Solution retrospective

Hello everyone,

ATTENTION: If you are checking the responsiveness of the website, please keep in mind that you need to refresh the page once you get to mobile size (as soon as the mobile menu shows up) for it to work properly, and refresh again for larger screen sizes.

Here's my solution for this challenge. It was fun, experimented a lot and learned a lot too. React is becoming one of my favorite tools to work with. I explored a few libraries like Framer Motion and Animated hamburger menu icons.

I create a home page for site, which wasn't on the design, I am not a designer at all, just thought it would look cool to have a home page.

I used React Router for the pages routing and to build the navigation bar.

There might be bugs, so any feedback is welcome.

Community feedback

Rodrigo Pires•410
@rodrigompiresPosted about 2 years ago
Hello Renan. I really liked the home screen and the whole project. Note that on reloading the home screen, a side scroll bar appears. As I still don't know React and React Router, I don't know what it could be. Congratulations on the final result. Your home screen is very beautiful. Hugs.
Marked as helpful
1
Renan Tiscoski•1,240
@DonUggioniPosted about 2 years ago
@rodrigompires Calculo que fales português então vou responder em português =D

Obrigado pelo comentário, vou tentar perceber o que se passa mas calculo que tenha a ver com o inicio da animação do rocket.

Abraço!
0

Please log in to post a comment

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