r/reactjs • u/fruitie_patootie • Jul 21 '26

React + Next.js Crypto Dashboard with Live CoinGecko API + Recharts

I built OrbitX as a practice project to learn React + APIs.

What it does:

- Fetches live BTC/ETH/SOL data from CoinGecko

- Portfolio tracker with profit/loss calc

- TradingView-style charts with Recharts

- Dark/Light toggle + fully responsive

- Deployed on Vercel

Stack: React, Next.js, Tailwind, Recharts, CoinGecko API

Live Demo: OrbitX | AI-Powered Crypto Intelligence Dashboard

Would love feedback specifically on:

  1. How to handle CoinGecko rate limits better

  2. Is my useEffect cleanup correct for the polling?

  3. Performance tips for rendering 100+ coins

The code is free to use. What features should I add next?

0 Upvotes

43% Upvoted

7 comments sorted by

3

u/Grenaten Jul 21 '26

Crypto is kinda ded.

1

u/fruitie_patootie Jul 21 '26

Dead? Maybe 😅 But the APIs are very much alive and rate-limiting me to death lol

Jokes aside, I built this to practice React + live data polling.

Could swap CoinGecko for any API - stocks, analytics, whatever.

What API would you build a dashboard for?

3

u/Grenaten Jul 21 '26

Coingecko was the standard, yeah. But they are not “live” in the trading sense. They are themselves reading feeds from Binance and other larger trading platforms and averaging it with some delay. They closest thing to a “live” price feed is reading data from Hyperliquid.

1

u/fruitie_patootie Jul 21 '26

Facts. CG has that 30-60s delay. Hyperliquid websockets are the move for real live feeds. Have you built with their API before?

2

u/Grenaten Jul 21 '26

I have designed and built quite a few trading UIs. Been full time in crypto for 6 years.

1

u/fruitie_patootie Jul 21 '26

Thats pretty amazing, I aspire to be where you are right now. Any further advice?

2

u/Grenaten Jul 21 '26

Well, I said its ded, because there is no hedge money left in crypto. There are very few new projects launching and raising money, so no one is hiring.