A project aimed at consuming the Where is ISS? api to track the current position of International Space Station.

Overview

ISS Tracker

This project aims to create a website which tracks the live position of the Internation Space Station using this API.

Issues:

  • Call the api to get data and print it in console.
  • Explore option in Leaflet.js docs to make map more interactive.
  • Center the div containing the map.
  • Add styling and css to the page to make it look better.
  • Add a pointer to the map based on a location.
  • Call the API every 3 seconds and update the pointer position to make the space station look like its moving.
  • Change the default pointer icon to ISS png image (any image will work 15*15 px).

Feel free to raise any more issues or add more features to the project. You can even update this readme file and make it look better.

Contribution Guidelines 🏗

Are we missing any of your favorite features, which you think you can add to it ❓ We invite you to contribute to this project and improve it further

To start contributing, follow the below guidelines:

🌟 . Star 🌟 the repo to appreciate the work.

0. Take a look at the existing issues or create your own issues. Wait for the Issue to be assigned to you after which you can start working on it.

1. Fork this repository.

2. Clone your forked copy of the project.

git clone --depth 1 https://github.com/<your_user_name>/ISS-Tracker.git

3. Navigate to the project directory 📁 .

cd ISS-Tracker

4. Add a reference(remote) to the original repository.

git remote add upstream  https://github.com/MicrosoftStudentChapter/ISS-Tracker.git 

5. Check the remotes for this repository.

git remote -v

6. Always take a pull from the upstream repository to your master branch to keep it at par with the main project(updated repository).

git pull upstream master

7. Create a new branch.

git checkout -b <your_branch_name>

8. Perform your desired changes to the code base.

9. Track your changes ✔ī¸ .

git add . 

10. Commit your changes .

git commit -m "Relevant message"

11. Push the committed changes in your feature branch to your remote repo.

git push -u origin <your_branch_name>

12. To create a pull request, click on compare and pull requests. Please ensure you compare your feature branch to the desired branch of the repo you are supposed to make a PR to.

13. Add an appropriate title and description to your pull request explaining your changes and efforts done.

14. Click on Create Pull Request.

15. Voila ❗ You have made a PR to the ISS Tracker Project đŸ’Ĩ . Sit back patiently and relax while the project maintainers review your PR. Please understand, at times the time taken to review a PR can vary from a few hours to a few days.

Example

  • Take inspiration from here.
  • Your design and code should not be copied from this else PR will be rejected.
You might also like...

A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

A web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets and join selected space missions.

Space Travelers A web application for a company that provides commercial and scientific space travel services. The application will allow users to boo

Apr 6, 2022

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space.

Welcome to Space Traveler's HUB, this web app allows the user to take a fictional tour across the space. The user can choose a rocket from our catalog interface, and reserve it. Also, the user can see recent special missions and join them. Finally, the user will be able to keep track of all your rockets and mission they are subscribed to. Build with React, Redux, React-router, and Railwindcss.

Jan 27, 2022

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

space-hub About Project "Space Traveler's Hub" is A web application that provides commercial and scientific space travelling services, We are working

Nov 2, 2022

This a web application for a company that provides commercial and scientific space travel services. The application will allow users to book rockets, dragons and join selected space missions.

Space Travelers' Hub In this project, we have worked with the real live data from the SpaceX API. Our task was to build a web application for a compan

Oct 31, 2022

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

This web application provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Traveler's Hub This web application provides commercial and scientific space travel services. The application allows users to book rockets and j

Oct 4, 2022

A social media platform aimed to capture the essence of all popular, existing social media platforms

A social media platform aimed to capture the essence of all popular, existing social media platforms

Social Fuel Reimagining Social Media, step by step 📌 About A social media platform aimed to capture the essence of all popular, existing social media

Feb 12, 2022

🌐 Text Input Component for validating and formatting international phone numbers.

🌐  Text Input Component for validating and formatting international phone numbers.

React Native Intl Phone Field Try the Expo Snack 👏 🕹ī¸ Demo It's a javascript-only (no native code) component that can run in iOS, Android, Expo & Re

Jul 8, 2022

An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements.

svg-pen-sketch An easy-to-use JavaScript library aimed at making it easier to draw on SVG elements when using a digital pen (such as the Surface Pen).

Jul 27, 2022

A JavaScript plugin for entering and validating international telephone numbers

A JavaScript plugin for entering and validating international telephone numbers

International Telephone Input A JavaScript plugin for entering and validating international telephone numbers. It adds a flag dropdown to any input, d

Dec 30, 2022
Comments
Owner
Microsoft Learn Student Chapter, TIET
It is technical student organisation at Thapar Institute of Engineering and Technology, Patiala, Punjab, India
Microsoft Learn Student Chapter, TIET
In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel services that allows users to book rockets and join selected space missions.

Space Travelers' Hub In this project we built a web application that consumes an SpaceX API. It provides commercial and scientific space travel servic

Diego Yon 7 Sep 30, 2022
A lightweight application to explore the mystery of the ISS.

3D ISS Tracker About Web application developed for the challenge of NASA International Space Apps Challenge 2022 Website Screenshot: Feature Show grou

RenHao 7 Dec 9, 2022
"Space-Travelers-Hub" is a website that allows users to book rockets and join selected space missions by using data from the SpaceX API.

Space-Travelers-Hub This project was bootstrapped with Create React App. Description "Space-Travelers-Hub" is a website that allows users to book rock

Tresor Sawasawa 4 Mar 13, 2022
Yara Station- Managment portal for LoKi scanner

Yara station is a management portal for Neo23x0-Loki. The mission is to transform the standalone nature of the Loki scanner into a centralized management solution that facilitates result investigation and easier scanning capabilities.

null 28 Dec 20, 2022
Movie application consuming The Movie DB's API

Movie application consuming The Movie DB's API

Pamella Fernandes 6 Aug 11, 2022
An aplication to search for popular movies consuming data from the movie database API

An aplication to search for popular movies consuming data from the movie database API

Nayara Luiza 3 Sep 15, 2022
A web applicaton called 'MOVTIME' where you can come to stream movies by consuming the TMDB movie API

End result Click here : https://movtime-movie-app.netlify.app/ Figma design File Click here: https://www.figma.com/file/4IbpmTU6jtpRKdpbFmt4i8/Web-Des

Eniola Odunmbaku 12 Nov 11, 2022
Space Travelers' Hub - a web application that facilitates booking rockets and join selected space missions

This is a web application that facilitates booking rockets and join selected space missions. It is built for a company that offers both commercial and scientific space travel services. The application also works with real live data from the SpaceX API.

Mong'are 6 Mar 29, 2022