https://github.com/reymundvirtus/nextjs-crypto-dashboard
📈🌐 A simple crypto dashboard in Next.js powered by data from CoinGecko API.
https://github.com/reymundvirtus/nextjs-crypto-dashboard
bitcoin chartjs coingecko coingecko-api crypto cryptocurrency dashboard ethereum nextjs recharts shadcn-ui solana tailwindcss
Last synced: 3 months ago
JSON representation
📈🌐 A simple crypto dashboard in Next.js powered by data from CoinGecko API.
- Host: GitHub
- URL: https://github.com/reymundvirtus/nextjs-crypto-dashboard
- Owner: reymundvirtus
- License: mit
- Created: 2025-07-01T20:31:45.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-07-01T20:40:31.000Z (3 months ago)
- Last Synced: 2025-07-01T21:31:37.032Z (3 months ago)
- Topics: bitcoin, chartjs, coingecko, coingecko-api, crypto, cryptocurrency, dashboard, ethereum, nextjs, recharts, shadcn-ui, solana, tailwindcss
- Language: TypeScript
- Homepage:
- Size: 0 Bytes
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 💹 Crypto Dashboard
A simple real-time cryptocurrency dashboard built with **Next.js**, **Chart.js**, and **ShadCN UI**, powered by data from the [CoinGecko API](https://www.coingecko.com/en/api). View live market prices, 24h price changes, market caps, and beautiful line graphs for top cryptocurrencies.
---
## 📦 Getting Started
### 1. Clone the repo
```bash
git clone https://github.com/reymundvirtus/nextjs-crypto-dashboard.git
cd nextjs-crypto-dashboard
```
### 2. Install dependencies
```bash
npm install
# or
yarn
```
### 3. Run the development server
```bash
npm run dev
# or
yarn dev
```
Open http://localhost:3000 in your browser to view the app.
### 📌 Notes
No API key needed — CoinGecko's public API is used.
Chart data updates every 30 seconds or when you click on any crypto card.
Bitcoin is shown by default in the graph.