Building a Live Crypto Price & Volume Dashboard for DebtReliefBot (DRB) with CoinGecko API and Chart.js
DebtReliefBot (DRB) is one of the more intriguing meme/AI tokens right now — proposed by Grok (xAI), launched on Base chain, and seeing wild volume swings. As a dev, I wanted a clean, customizable way to monitor its price, 24h volume, and historical trends without relying on pre-made exchange widgets.
In this tutorial, we'll build a self-contained HTML page that:
- Fetches real-time data from CoinGecko's free API
- Displays current price, 24h change, volume, and market cap
- Renders a custom dual-axis chart (price line + volume bars) using Chart.js
- Auto-refreshes every 30 seconds
No backend needed — just open in your browser!
Why This Project?
Crypto prices move fast. Custom dashboards let you:
- Add indicators later (e.g., moving averages)
- Style it your way (dark theme, Nottingham/Robin Hood vibes for DRB fun)
- Avoid ads/trackers from exchange sites
Top comments (0)