CryptoVerse

I built a cryptocurrency market dashboard in React that pulls market data from the Coinranking API and news from Bing News, both through RapidAPI. It shows global market statistics and the top 10 coins, lets users search the coin list, opens a detail page for each coin with a price chart over eight time periods, and lists the latest news by coin. Data fetching and caching use Redux Toolkit Query, and the UI uses Ant Design.

ReactRedux ToolkitAnt DesignChart.jsRapidAPIReact Router

View on GitHub Check it out

On this page

Feature Highlights

See the state of the crypto market at a glance

Total market cap and 24-hour trading volume
Total cryptocurrencies, exchanges and markets
The top 10 coins and the latest news on the home page

Stack

React 18: Component framework for building the UI.
Redux Toolkit: RTK Query for fetching and caching API data.
Ant Design: UI component library for professional styling.
Chart.js: Charting library for price history graphs.
RapidAPI: Coinranking for market data and Bing News for articles.
React Router 6: Client-side routing for navigation between pages.

Use Cases

Learning how to build a dashboard that pulls data from external APIs
Understanding Redux Toolkit for managing complex app state
Reference for integrating Chart.js and Ant Design in a real project

How to Use

Clone: git clone https://github.com/dhruba-datta/CryptoVerse
Install deps: npm install
Configure environment: Set your RapidAPI keys and API base URLs in .env.
Start dev server: npm run dev
Build & deploy: npm run build then deploy to Netlify/Vercel.

Related projects

Optify project cover

Optify

AI transformation company site with shader visuals, an MDX journal and a build-time AI-search layer.

Operavo project cover

Operavo

Voice AI for real estate: answers every call, qualifies the buyer and books the showing on a live calendar.

Next.js 16Voice AI+4

SEG Marketing project cover

SEG Marketing

Industry landing pages for legal, healthcare and restaurants, with n8n lead routing and Calendly booking.

React 19n8n Automation+3

Let's Connect

Need a data dashboard or analytics app?

I build React dashboards with external APIs, Redux for state management, and Chart.js for visualizations.