This is a solution to the Space tourism website challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for each of the website's pages depending on their device's screen size
- See hover states for all interactive elements on the page
- View each page and be able to toggle between the tabs to see new information
My process was just try out whatever seemed to work. Analyze it, think about it, come up with a solution and do it. If it works then don't touch it. If it doesn't stackoverflow it.
- React - JS library
- Next.js - React framework
- TailwindCSS - For styles
Even if it doesn't seem possible at the beginning, it can be done eventually. You just have to do it. No matter how daunting the task, it can be done. Although, this is not what I think I am supposed to write in this
Definitely, do want to focus on linking between pages and how to make it more effecient. Also, since I couldn't figure out how to create active state, I want to work on that too. The problem with this is probably that I created individual pages.
This is basically what I think can improve this website even more.
- Actually going through the process of booking a flight
- Emphasizing more on the trip
- More info about the planet
- The "hotel", visitors/guest will be staying at
- The insides of the spaceship
- Login/SignUp
- Payment process