03
/05
Space Tourism
The Background
A Frontend Mentor challenge focused on building a fully responsive website with smooth UI animations. The project emphasizes layout precision, interactive elements, and modern frontend techniques to replicate a professional design spec.
The goal of this project is to build a fully responsive website at the same time consuming a json file to populate the page and be able to toggle between the tabs to see new information.
The Palette
The pallette uses space colors to emulate the feel that the user is traveling in space. It gives illusion of dark night skies with the stars shining through.
Rich Black
162053
Periwinkle
91A0F6
White
FFF7F7
The Process
1
React Router Setup
This is my first time using React Router and was quite overwhelmed how different it was as a framework. I had a struggle deploying it to Github Pages via Github Actions but was resolved by configuring it for client side rendering and updating the project basename.
2
Mobile First Workflow
When developing this project, my goal is to fully utilize mobile first workflow to have an advantage adjusting the layout when the viewport width increases.
3
Fetching Using Axios
One of the goals of this project is to learn the basics of a Github Workflow, so I created a Github Action for deployment to Github Pages. I have learned different parts that consist a Github Action.
4
Creating Github Workflow
One of the goals of this project is to learn the basics of a Github Workflow, so I created a Github Action for deployment to Github Pages. I have learned different parts that consist a Github Action.
The Gallery
