Skip to content

anateii/Planets-Beyond-Site

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Space Travel Application : Planets Beyond rocket-emoji

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.

planets-homepage-homepage

About

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.

Final modifications:

  • Set the Navbar vertical
  • Added "Pricing" and "Reviews" section for each planet
  • Added "Homepage" and "Choose destination" pages

Technologies

  • React
  • Framer
  • Heroku
  • Vercel
  • Bootstrap
  • Styled Components