Build a Cool Space Station Tracking App using Spring Boot

Build a Spring Boot app that connects to a third-party API to track the International Space Station in real time on the front end with JavaScript, open-source libraries, and maps.

Generate a Spring Boot project quickly using start.spring.io, selecting a Maven project, a Java version, a group and artifact id, and adding the web dependency for Spring MVC.

Import the generated Spring Boot application into IntelliJ as a Maven project from existing sources, then run the test to verify dependencies and context loads.

Test the third-party open notify api endpoint for the iss position using curl and a browser, then hit the endpoint from a spring boot app to verify the data.

Create a rest endpoint in our Spring Boot app by adding a controllers package and a get mapping under /api for the ISIS location endpoint that returns hello world.

Test the new rest endpoint in a web browser and with curl, confirming the spring boot app returns a hello world string from the rest controller mapping at /api/isis location.

Learn how to connect a Spring Boot app to a third-party API using RestTemplate, issue REST calls to open-notify, handle JSON responses, and implement basic error handling for unavailable endpoints.

Model the RestTemplate response as a POJO with ISIS locator for timestamp, latitude, and longitude. Spring maps the json to this object, enabling easy data extraction for the space app.

Handle third-party API errors in a Spring Boot app by returning consistent responses and clear error messages to the front end, using try-catch and improved framework approaches.

Implement a Spring service to handle RestTemplate calls to a third-party API, using a circuit breaker with a fallback to return a clear message when the API is down.

Learn to run a Spring Boot app outside IntelliJ by building with Maven, packaging a jar in the target folder, and executing java -jar to test locally.

Builds a Spring Boot app with annotation-based web controllers and a circuit-breaker fallback via Netflix districts, exposing /api/iss/location to power a front-end ISS trajectory map refreshed every five seconds.

Hit the Spring Boot backend from a browser and render live space station data on a map using JavaScript, Leaflet, and jQuery, with an HTML page and data polling.

Explore Open Street Map—the open data map you can embed on your web page, free to use with credit to Open Street Map and its contributors, ideal for plotting locations.

Create a basic html front end on the hasty mail page for the Spring Boot app, defining a div with id map and explicit width and height for the map.

Add the leaflet css and javascript files, along with jquery, into the page header via copy and paste, and include meta charset for maps to work.

Leaflet js for embedding maps on web pages, an open source javascript library working with open street maps, to build the front end of the space station tracking app.

Add an interactive map to the webpage with leaflet.js by wiring a map div, defining a map variable, setting view to 0,0, and applying an initial zoom with attribution.

Call a spring boot app from the browser to fetch ISS data, parse json with jQuery, and update a Leaflet map using flyTo while noting cross-origin issues.

Demonstrate how cross-origin resource sharing (CORS) and the same-origin policy block JavaScript requests to a Spring Boot app, and preview a Spring-based fix in the next video.

Fix cross-origin request errors in a Spring Boot app by applying the cross-origin annotation to allow specific origins, then restart the server and verify fix in the browser.

Plot a real-time location on a map using a leaflet.js circle with latitude and longitude, a radius of 30, and color options to track movement.

Poll an API every five seconds to plot a space station's continuous course on a map, updating its location with long/lat data and drawing the growing path.

Add zoom capabilities to the map to view the path at different scales, set an initial zoom, and manage API call frequency for stable updates every five seconds.

Refactor the JavaScript by extracting the set map logic and draw circle into dedicated functions, move variables outside the function, and preserve behavior while improving code readability and maintenance.

Identify and handle api outages by adding a user-visible error when the third-party api is unavailable, showing a warning and indicating lost connection on the map.

Learn to handle API disconnections by showing a leaflet popup with a connection error, keep the map's last position and zoom, and indicate API unavailable during polling.

Builds a spring boot backend with a controller and service that calls a third-party api to track the international space station on a map using open street maps and leaflet.js.

This bonus lecture offers a discount on Tony Perry's Udemy courses with the coupon code ALWAYS_999, and new courses are added all the time.