Skip to content

chandan200209/crypto-coin-gecko

Repository files navigation

💹 Crypto Currency Dashboard

A fully responsive and live cryptocurrency dashboard built with React.js. This dashboard allows users to search any cryptocurrency, switch between USD, EUR, and INR, and track vital market stats like Market Cap, 24H High/Low, and Price Changes. It also features interactive line charts using Google React Charts to visualize price trends over time.

🚀 Features

  • 🔍 Search any cryptocurrency by name
  • 🌍 Currency switch between USD, EUR, and INR
  • 📊 View:
    • Market Capitalization
    • 24-hour High and Low
    • Price Change Percentage (24h)
  • 📈 Interactive Line Charts (powered by Google Charts)
  • 🔄 Real-time and Live Data (via CoinGecko API)
  • 📱 Fully responsive design for all screen sizes

🛠 Tech Stack

  • Frontend: React.js
  • API: CoinGecko Public API
  • Charts: Google React Charts
  • Styling: Tailwind CSS
  • Deployment: Vercel

🌐 Live Demo

👉 Live Website

📈 Project Structure

crypto-dashboard/
│
├── public/               # Static assets
├── src/
│   ├── components/       # Reusable components (Navbar, Chart, Card, etc.)
│   ├── pages/            # Page-level components
│   ├── services/         # API service calls (CoinGecko)
│   ├── App.js            # Main application component
│   └── index.js          # React entry point
│
├── .gitignore
├── package.json
├── README.md
└── tailwind.config.js    # If Tailwind CSS is used

🔑 API Source

CoinGecko API Docs: Docs

📊 Charting Library

React Google Charts Docs: Docs

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published