You are browsing as a guest. Sign up (or log in) to start making projects!

Launch Pulse

  • 1 Devlogs
  • 1 Total hours

A simple tracker that tracks the launches of different rockets and spacecrafts across the globe. Browse and find out what spacecraft is about to launch next!

Open comments for this post

32m 38s logged

Started building out a simple spacecraft launch tracker named Launch Pulse. It grabs live upcoming launches from the Launch Library 2 API and shows them as cards on the page. Kept it plain with HTML,CSS and JS, just wanted to perfect the underlying system before adding complex UI elements and making it prettier. Wrote an async fetch that runs when the page loads, instead of hardcoding a bunch of HTML. I’m generating a card for each launch (name, who’s launching it, when, and where). Added a try/catch element too so even if the API buffers the page doesn’t just break. Made a responsive grid on top so the cards lay out nicely no matter the screen size.

Going to add the actual timer for the launches next and perfect the webpage even more!

0
0
23

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…