Submitted about 2 years ago

Responsive Planets Fact Site using React JS

accessibility, bootstrap, react, react-router, progressive-enhancement

Krishna Vishwakarma•1,390

@KrishnaVishwakarma1595

A solution to the Planets fact site challenge

Preview Code

Solution retrospective

Hello, Mentors

This is my first responsive solution with ReactJS library and versel deployment. It was really fun loving working with ReactJS and learning its concepts. I used versel for the deployment part.

What User can do

View the optimal layout for the app depending on the device's screen size
See hover states for all interactive elements on the page
View each planet page and toggle between "Overview", "Internal Structure", and "Surface Geology"

My Learnings

Semantic HTML5 markup
CSS Flexbox & Grid
Mobile-first workflow
React - JS library
React Router DOM
Deployement on Versel

Let me know your valuable comments on this. I'd love your feedback.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Krishna Vishwakarma'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