Crypto Market Data

Live cryptocurrency and DeFi market dashboard with data from CoinGecko and DeFiLlama.

Live Crypto Market Data Dashboard

Cryptocurrency prices and market data. That's it! With a basic UI. I originally built this within Lyra Web3 Playground and I thought it might be helpful for those looking for something very simple, a good learning experience to build + deploy, or maybe you're like me and just enjoy building and sharing simple yet useful creations. Live data, hooked up to CoinGecko and Defillama.

Features

• 🪙 Cryptocurrencies - Top coins by market cap with 7-day sparklines
• 🏦 DeFi Protocols - Protocol TVL rankings from DeFiLlama
• 📈 Yields - DeFi yield farming opportunities
• ⛓️ Chains - Blockchain TVL comparison
• 🌙 Dark Mode - Toggle between light and dark themes
• 📱 Responsive - Works on desktop and mobile

Quick Start

# Install dependencies
npm install

# Start development server
npm run dev

# Build for production
npm run build

Deploy to GitHub Pages

npm run build
# Upload dist/ folder to GitHub Pages

Data Sources

• CoinGecko - Cryptocurrency prices and market data
• DeFiLlama - DeFi protocol TVL and yield data

License

MIT © nich