Skip to content

Alistairhoughton/Space-Explorer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ISS Space Explorer

test

Description

Have you ever wondered where is the International Space Station (ISS) is? At what altitude is it in, or what speed is it travelling at or even if its close to you? Well the Web Application "ISS Space Explorer" offers all of these features and even more!

ISS Space Explorer Web Application that gives its users the full access to monitor the ISS and also have access to the ISS's flight data. In additon, it also provides all the necessary information about the ISS and space such as the bulid of the space craft and current astronauts that are currently onboard the ISS.

The app offers a lot of features with a dynamic design such as a responsive UI, a navigation bar that lays out all of the information. This provides a user friendly experience to all the users.

How does the application work?

1- When the user opens the application he/she is presented to input a name in the allocated box where it is saved in the local storage.

2- Then the button "Let's fly" is clicked it redirects the user to the shuttle page.

3- When directed to the shuttle page the user is presented with a welcoming message that includes the names of the user.

4- Then a warning button appears that when clicked redirects the user to the main page of the web application.

5- Then the user is presented with a polished UI that is responsive. The main page is where all the main parts of the web application lies.

6- The user has the ability to the use the navigation bar to navigate throught the page, to thoroughly explore all the different sections of the ISS.

7- The user can click on the different spacecrafts to be presented with information on each spacecraft, as well as clicking on the astronaut and being presented with information about astronauts and the suits that are being used.

8- The user is then presented with an interactive crewmates section where it shows all of the astronauts that are present on the ISS.

9- Then the user is given the flight data about the ISS and a real-time tracker of the ISS and where is it located.

10- Then the user is presented with a selection of all the planets in our solar system and cards are accompanied with each planet. Each card contains information about the planet. In addition, random facts about space are being presented to the user.

Demonstration of the Web Application

GIF demo

Technologies Used

ISS Space Explorer has used all the neccessary languages and tools in order to provide a user-friendly interface that has smooth a interactability and efficiency.

1- HTML.

2- CSS3

3- Javascript

4- Jquery

5- Google fonts

6- Bulma

7- Mapbox

8- LeafletJS

Contributors:

Link to the deployed application

You can view the deployed application here.

Link to the Github repository

You can access the Github repository here.

Credits

About

Space App

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published