Skip to content

Latest commit

 

History

1 Commit

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 

Repository files navigation

🌐 Global Pulse

Real-Time World Intelligence Dashboard

A production-ready, single-file web dashboard that aggregates live data from five free public APIs and presents it in a clean, Bloomberg-terminal-inspired interface.


✨ Features

Section Data Source What You See
Crypto Markets CoinGecko (free) Top 12 assets — price, 24h % change, market cap, volume, 7-day Chart.js sparklines
Live Ticker CoinGecko (free) Scrolling real-time price strip across the top
FX Rates Frankfurter (free) 12 currency pairs vs USD — EUR, GBP, JPY, CHF, CAD, AUD, CNY, INR, KRW, BRL, MXN, SGD
World Weather Open-Meteo (free) Current conditions for 8 world cities — temp, wind, day/night
Tech Pulse Hacker News API (free) Top 12 HN stories — score, comments, time, domain
Space Today NASA APOD (DEMO_KEY) Astronomy Picture of the Day with full explanation

Dashboard extras: header global-market stats bar · skeleton loaders · per-section error states with retry · auto-refresh every 5 min · manual refresh button · last-updated timestamp · fully responsive.


🚀 How to Run

Option 1 — Open directly in your browser (no server needed)

open global-pulse.html          # macOS
xdg-open global-pulse.html      # Linux
start global-pulse.html         # Windows

Or just double-click global-pulse.html in Finder / Explorer.

Note: A few browsers block cross-origin fetch requests from file:// URLs.
If you see API errors, use Option 2 below.


Option 2 — Serve locally with Python (recommended)

# Python 3
python3 -m http.server 8080

# Then open:
# http://localhost:8080/global-pulse.html
# Python 2 (legacy)
python -m SimpleHTTPServer 8080

Option 3 — Serve with Node.js

# Using npx (no install required)
npx serve .

# Then open the URL printed in the terminal

Option 4 — Serve with VS Code Live Server

  1. Open the folder in VS Code
  2. Right-click global-pulse.htmlOpen with Live Server

📦 Dependencies

Everything is loaded from CDN — no npm install, no build step required.

Library Version CDN
Chart.js 4.4.1 cdnjs.cloudflare.com
Inter font latest fonts.googleapis.com
JetBrains Mono latest fonts.googleapis.com

🔌 APIs Used

All APIs are free, require no API key (except NASA which works with DEMO_KEY), and support browser CORS:

API Endpoint Rate Limit
CoinGecko Public api.coingecko.com/api/v3 ~30 req/min
Frankfurter api.frankfurter.app/latest Unlimited
Open-Meteo api.open-meteo.com/v1/forecast 10,000 req/day
Hacker News hacker-news.firebaseio.com/v0 Unlimited
NASA APOD api.nasa.gov/planetary/apod 30 req/hour (DEMO_KEY)

To remove NASA APOD rate limits, get a free API key and replace DEMO_KEY in global-pulse.html.


🗂 Project Structure

global-pulse/
└── global-pulse.html   # Entire app — HTML + CSS + JS in one file
└── README.md           # This file

🛠 Customisation

All config lives at the top of the <script> block in global-pulse.html:

const REFRESH_MS = 5 * 60 * 1000;  // auto-refresh interval (ms)
const HN_STORIES = 12;              // number of HN stories to show

const CITIES = [ ... ];             // add/remove world cities
const CURRENCIES = [ ... ];         // add/remove currency pairs

📄 License

MIT — free to use, modify, and distribute.

About

No description, website, or topics provided.

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages