Skip to content

๐Ÿ›ฐ Where is the International Space Station? Land or Sea? How Fast? ๐Ÿ›ฐ

Notifications You must be signed in to change notification settings

cemalokten/where-is-iss

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

21 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ›ฐ๏ธ WHERE IS ISS? ๐Ÿ‘€

A site that lets you know if the International Space Station is flying over land ๐Ÿ—ป or sea ๐ŸŒŠ, and how fast it's travelling.

The background and text colour changes depending on its location, blue for sea, green for sea.

This is the result of a personal challenge to understand more about Fetch and async functions.

Font by JetBrainsMono

๐Ÿ“š What I learnt

  • That fetched data needs to be maniupulated in the .then() methods, because otherwise it's unavailable..
  • Chaining two fetch calls and using the data from each
  • It's possible to include working HTML in template literals
  • How to implement a loading message (sort of)

๐Ÿฆบ Testing

  • Works on latest version of Firefox, Chrome and Edge
  • Does not work on mobile
  • Further testing required

โณ Future improvements

  • Add some speed lines / blur onto the emoji
  • Enable users to choose unit for speed

๐Ÿ‘€ Screenshots

Where is ISS?

Where is ISS?

Where is ISS?

Where is ISS?

About

๐Ÿ›ฐ Where is the International Space Station? Land or Sea? How Fast? ๐Ÿ›ฐ

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published