What Is Mars Tab?
Mars Tab is a stylized Martian new tab page where you can search things on google, check the time, or view the latest weather on Mars. It features a beautiful scrolling panorama background of the Martian landscape, and uses real sensor data from NASA.
What Was Challenging?
The hardest part was hosting the project with Vite on GitHub pages. I kept getting error messages about using the wrong version of NodeJS, and that I should be using NodeJS version 24. I tried updating it, but that didn’t seem to work.
I overcame this issue by fixing my deploy.yml file for the GitHub Workflow. I found an example deploy.yml online, and then adapted it to my project, and it started working.
What Am I Proud of?
I am most proud of the style of the website and the animations. I made it so that hovering over the weather app would make it pop out a little more. I did a similar thing with the search bar as well. I also think the scrolling effect on the panorama looks great, but it doesn’t exactly loop correctly.
What Should You Know to Test the Project?
You can just click the Try Project button below, or go to the source code and click the Try It! link.
Using the search bar will forward your search to Google, so you will temporarily leave the site. You can come back by just clicking the back button.
- 1 devlog
- 4h
- Give Your Website a Pulse