satellitesinspace 🛰️

Project 1 for connections lab and critical experiences

A guide website to tell how many satellites in space above us, in order to raise awarenesss of creating a sustainable satellites system.

Key concept(s) and/or intention(s)

A basic guide for people interested in knowing the satellite above us.
Brief description of the damage caused by space debris.
Gives people information about satellites, users can search the satellite’s name and give them information, including their names, countries, owners, users, purposes, orbit types, altitude, and source links.
Users can scroll from the bottom to the top of the page to cognize satellite orbits, which simulates different orbits’ altitude.

Embedded YouTube link of the International Space Station live stream to create the homepage background.
Converted excel file to JSON file.
Reversed the scroll direction, from bottom to top.
Added some animation.

The YouTube live stream video couldn't set autoplay with sound on in Chrome, which took me a long time to figure out.
Fetch local JSON data is different from web API, Craig helped me out using for()loop to go through all of the objects in the data, and “compare”, using ==, whether the .name property of each object is the same as the input value.
In order to get the real-time data, I tried to use API, but unfortunately, the API needs KEY and only provides few information.

Web Scraping from other websites by not using API but just HTML class name and calculate in js.
Add more interactions/animation in the Trip session.
Add autofill in the search bar.