For some reason the API didnΒ΄t want to get a new random advice everytime I clicked the button. So I used a math.random on the know number of advices.
If someone has the solution for this I would like to know how it should be done.
There it is, my solution for Space Tourism Website. This was a really fun onw to do since I love space stuff. Also I love coding and learning new stuff.
β¨Build with
Astro
This is my new favorite framework for web, easy to learn and hard to master. Accessible for newbies and for advanced developer. I have much more to learn about it.
ThreeJS via TresJS (ThreeJS for Vue)
This was the most simple way I found to use 3D with Astro, I never really did a project with ThreeJS and this was my first foot inside this univers (LOL space toursism and univers π)
TailwindCSS
My Favorite CSS framework and my go to for 90% of my projects, I'm not sure how to make it the cleaniest to read but I'm still working on it.
π’My struggles
I really struggle to find a good way of integrating 3D inside my solution, I spent hours looking for the ONE.
Data Collection from Astro was new for me, I needed some time to read the docs and understanding how to do it correctly.
[...slug] Was kinda fun to understand because it unlocked a really good sensation once working, using dynamic route when receiving data is a very good feeling.
π§My questions
If someone know how to have a cleaner tailwind styling, I would really like to know.
Astro seems like a powerfull framework, for what kind of project would you use it ?
Thanks for reading, see you soon on Frontend Mentor ! β€οΈ
I finished the metric version of the Website, for it I used Astro. It was quite challenging since it was my first time coding with it.
I struggled to understand that for upload text or content dynamically you need to use a framework like React or others. I am unsure if it's the best practice to add react for a small part of the website. But it worked and I'm happy about it