xCrypto24.com Beta
A real-time cryptocurrency tracking and analytics platform featuring live price feeds, interactive bubble charts, portfolio management, market heatmaps, and detailed coin data for the top 100 cryptocurrencies.
100+
Coins Tracked
Live
Price Feeds
5s
Refresh Rate
Global
Edge Deployed
The Challenge
Build a cryptocurrency data platform that provides real-time market information in an engaging visual format — without requiring API keys from users, maintaining fast load times despite constantly-updating data, and offering portfolio tracking that works entirely client-side with no sign-up friction.
Core Features
📊 Top 100 Coins Table
Real-time prices, 24h change, market cap, volume, and sparkline charts for the top 100 cryptocurrencies by market capitalization.
🫧 Crypto Bubbles
Interactive bubble chart visualization where size represents market cap and color represents 24h price movement. Hover for details.
💼 Portfolio Tracker
Add holdings, track P&L in real-time. All data stored in localStorage — zero sign-up, zero data sent to servers.
🔥 Market Heatmap
Visual heatmap showing gainers and losers at a glance. Color intensity maps to percentage change magnitude.
Architecture
💡 Data Flow
Price data is fetched server-side via Cloudflare Workers, cached in KV with a 30-second TTL, and served to clients as pre-rendered HTML with hydration for real-time updates. This architecture ensures fast initial loads (data is in the HTML) while still providing live updates via client-side polling every 5 seconds.
🧩 Technical Decisions
Server-side data fetch: Avoids CORS issues and keeps API keys secure. Users never see raw API calls.
KV caching layer: 30-second TTL prevents API rate limiting while keeping data fresh enough for casual tracking.
Client-side portfolio: localStorage-only means zero privacy concerns, instant access, and no backend complexity for user data.
CSS-only charts: Bubble charts and heatmaps rendered with pure CSS/SVG — no heavy charting libraries bloating the bundle.
Data & APIs
📡 Price Data
CoinGecko API for real-time prices, market cap, volume, and historical data.
📈 Sparklines
7-day price history rendered as inline SVG sparklines in the coin table.
🌐 Global Stats
Total market cap, 24h volume, BTC dominance, and active cryptocurrencies count.
💱 Currency Support
Display prices in USD, GBP, EUR, and other fiat currencies.
Technology Stack
Explore
Need a real-time data platform?
We build live data dashboards, API integrations, and interactive visualizations.
Start a Conversation →