The latest articles on DEV Community by Adam Brown (@adam_brown_9d0abd89cde4a1). https://dev.to/adam_brown_9d0abd89cde4a1 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3705907%2F5319452d-21b9-4bcb-b756-d147562bbe85.jpg https://dev.to/adam_brown_9d0abd89cde4a1 en Adam Brown Mon, 12 Jan 2026 00:11:25 +0000 https://dev.to/adam_brown_9d0abd89cde4a1/drb-bot-2k1j https://dev.to/adam_brown_9d0abd89cde4a1/drb-bot-2k1j <h1> Building a Live Crypto Price &amp; Volume Dashboard for DebtReliefBot (DRB) with CoinGecko API and Chart.js </h1> <p>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.</p> <p>In this tutorial, we'll build a <strong>self-contained HTML page</strong> that:</p> <ul> <li>Fetches real-time data from CoinGecko's free API</li> <li>Displays current price, 24h change, volume, and market cap</li> <li>Renders a custom dual-axis chart (price line + volume bars) using Chart.js</li> <li>Auto-refreshes every 30 seconds</li> </ul> <p>No backend needed — just open in your browser!</p> <h3> Why This Project? </h3> <p>Crypto prices move fast. Custom dashboards let you:</p> <ul> <li>Add indicators later (e.g., moving averages)</li> <li>Style it your way (dark theme, Nottingham/Robin Hood vibes for DRB fun)</li> <li>Avoid ads/trackers from exchange sites</li> </ul> career looking simple webdev