Utility: This is an educational application focusing on the UI part. All the data comes from Nasa's official Database. Final CTA: Buy one of the Price Packages and embark the user on its first-ever flight in Space.
This project was inspired by the Frontend Mentor challenge "Planets Fact Site". Starting point: Figma UI mockups. In the screenshot below you can find the Design System used throughout the whole application.
Originally, for each Planet there were 3 buttons to display 3 different sections: the Overview, the Internal Structure and the Surface Geology. The navbar was positioned horizontally at the top-left of the page.
All the data is coming from Nasa, but I used JSON Server to create a custom REST database, which was then hosted on Heroku. The project is deployed on Vercel.
Set the Navbar vertical
Added "Pricing" and "Reviews" section for each planet
Added "Homepage" and "Choose destination" pages