Look out of your window. Are those stars, or just satellites?

Well, now you can find out, because i added the tracker page, that allows you to see, what satellites pass your selected location.

I wont lie.

JS is still pretty hard for me, so for this i had to use AI to help me out. But i still manage to understand almost everything from the code, so i hope its ok :)

How the hell does it work?

This was really tough for me to understand for the code, so for you i will make it easier.
Basically, i have 2 libraries, my satellite.js, that is responsible, you guessed it, for satellites and all the info about it, and d3-geo, which is a 3d earth. When you click on the globe, the programm checks if its land or water, because i wanted it to only check satellites on land. How does it do it? Using world - atlas, that has all the coordinates of the land on the earth. If its land, then the programm for every satellite looks its way for every 30 seconds on a period of 24 hours and looks, when its going to be seen on your horizon (must be 40 degrees because of all the trees and buildings). It memorizes the first and last moment above the 40 degree mark on horizon and then it gives the results seen on the screenshot, sorted with time.

Flaws, suggestions, ect.

So for now it just spits out the info about sattelites, but maybe you have an idea how to make it more visual? i have no idea for now, because i dont want it to be just 60 red dots and everuthing around the point you selected. One idea i had is if you pick any sattelite of the given ones, it shows its path, but it sounds hard as hell, i may use ai again to help me…

IF YOU HAVE ANY SUGGESTIONS ABOUT MY PROJECT PLEASE MENTION THEM! I WILL BE MORE THAN HAPPY TO IMPLIMENT IDEAS I LIKED!!! Of course, mentioning the suggestor.

Plans

Im planningin the end to add that old 90s nasa computer green/black vibe, i really am stoked to see how it will turn out.

Thanks! Sorry for not devlogging earlier, was locked in on finishing the whole page

Wow thats hard.

##Okay, so for the progress i ve made:

1. I added A LOT of other sattelites.

So now its not 1, but around 50 or 60, im not shure really. Now there are different kinds of them:
-habitated ones, like ISS, Tiangong and so on, and i didnt make a limit on them because theyre the most valuable and recognisable.
-CelesTrak, the brightest ones you can clearly see in the sky
-GPS satellites
-Starlink, but only around 20
-weather ones, like NOAA and GOES

2. every group that i named has their own color!

In the future i want to make it so that you could pick only a specific group.

3. What line the satellite will follow.

I believe i didnt do this on my previous devlog, anyway, i just show the line that it follows in the period of 90 mins. It goes +- 1 time around the globe, so you could see lol.

yeah!

Started my Satellite Tracker!

This project is basically tracking satellites and their orbits in real time.

What have i done for now?

###1 . Connected satellite (ISS) info from celestrak. org

This basically grabs the info, like name and coordinates

2. Created our planet

3. Added a dot for satellite

4. When you press on it, it spits out info about it, like speed and altitude.

Im only learning JS, so i am currently using Claude to navigate me through the whole process and help me with the code, but i try to understand it very hard and i do learn!