Real-Time ISS Tracker

A web application built with p5.js and OpenLayers to track the real-time position of the International Space Station (ISS) on an interactive map.

Table of Contents

• Overview
• Features
• Setup
• How it Works
• Usage
• Dependencies
• Contributions
• License
• Demo video

Overview

This project uses p5.js for canvas rendering and OpenLayers to create an interactive map. The application fetches real-time ISS position data from the Open Notify API and updates the map accordingly.

Features

• Real-time tracking of the ISS on an interactive map.
• Map rendering using the MapTiler API.
• Simple and intuitive design.

Setup

1. Clone the repository:

# clone the repo
$ https://github.com/Jagan-07/ISS-Tracker.git

# change the working directory to ISS-Tracker
$ cd ISS Tracker

# Run npm command
$ npm start

1. Open index.html in your preferred web browser.

How_it_Works

The application fetches real-time ISS position data and updates the map every second. The ISS image is displayed on the map, providing a visual representation of its current location.

Usage

• Upon opening the application in a web browser, you'll see a map with the current position of the ISS marked by an icon.
• The map updates the ISS position every second.

Dependencies

• P5.js
• OpenLayers
• MapTiler

Contributions

Contributions are welcome! Feel free to submit bug reports, feature requests, or even pull requests.

License

This project is made with ♥ by @Jagan and it is released under the MIT license.

Demo

07.12.2023_18.00.56_REC.mp4