Major Update

• When I first began this project, it was a really basic idea. I felt no motivation to continue after the initial structure was created. For the past few days, I was brainstorming on how I could possibly make it better. I finally found something that made me excited to work on, and decided to integrate it here. So here goes-
• Most of us would all agree that space is cool. Satellites, rockets so on and so forth. I for one would love to learn more about them if it wasn’t so intimidating. Take the ISS-when I downloaded an official NASA guide about it, I got overwhelmed by the disjointed diagrams, had no clue where everything was and took away a vague understanding of what I read.
• This is where this project comes in- a rotatable and zoomable model of the ISS, with interesting, bite-sized information that you get by clicking around. When you’re done exploring, you can take a quiz if you so wish.

What I did

• When I first downloaded the model from the official site, I thought I would begin with renaming all the parts. That didn’t work out, as most parts were joined together and had overlapping sections. I then found out about google model-viewer.
• Once I found out about that, I realised I could import the mode there, create hotspots and copy the coordinates of the dots to create buttons. I would highly recommend model-viewer by google, as it was so much easier to navigate as a newbie.
• I then put my quiz structure in a comment to deal with later and began marking hotspots. The first one went beautifully, but the second button did not deign to show up. I sat there troubleshooting for so long, trying everything I could- importing new coordinates, cutting my code, changing visibility. Nothing seemed to work. The best I managed to do was this:-
• I was frustrated beyond belief, it had been hours. I disabled my waketime, at that point it felt like it was taunting me. Went to bed, before school I looked up the official instructions and finally found what my sleep-deprived head was missing. I had my buttons in the div container, but the hotspot coordinates in the buttons container. My hotspot was meant to be in the main container, the div one. Once I fixed that, the button finally showed up. I felt sooo dumb but so relieved too. Here’s what it looks like now:

And….yeah. #Gotobedontime #Ithelpsyoucodebetter #regretovermylackofintellect

What I’m Making
A web-based quiz on space. I’m a newbie, so the first version will be really basic. I’m planning to create different levels of difficulty, a score tracker, hand-drawn animations and fun fact pop ups.
What I did today:
-Major style updates. I had a lot of fun with css. I really adored playing around in it.
-Accidently created two different loops
-Accidently broke out of one of the loops
-Gave up on the second loop for the time being
-created a score tracker
-animated a gif on flipaclip to attach
If you have any resources that you feel particularly helped you learn Python or JavaScript or any other language in general, do recommend them.
Cheers!

What I’m Making
-A web-based quiz about space. I plan to make it as sleek and professional looking as possible. The final version is meant to include: different modes (easy, medium, hard), a score tracker, animated transitions made by me, and fun fact pop ups every once in a while.
Where I’m At
-I’m a newbie to coding, and with a bit of effort I’ve managed to make a WORKING!? (I’m as shocked as you are) web-quiz with a grand total of 5 question! cheers weakly in exhaustion

What I Struggled With
-Slow Typing (uhh my skill issue tbh)
-Naming/Spelling consistency (I made a mistake that took a really long time to catch hold of. I basically had two undefined functions because I made a mistake while naming them. Pay attention to what you type, folks.)

Conclusion
-This is my first ever programming project and it seems really intimidating. I’m somewhat happy with what I’ve made, but a little disappointed that it doesn’t look exactly like what I’ve hoped. I’ll work on it tho!

• If you can, do recommend all and any resources you utilized to learn any programming language, particularly JavaScript or Python.
  Cheers!