🚀 CryptoDash

CryptoDash is a modern, responsive cryptocurrency dashboard that provides real-time market insights, price tracking, and detailed analytics for digital assets. Built with performance and user experience in mind.

🔗 Live Site: Visit Live Demo

---

✨ Features

• Real-time Data: Fetches live cryptocurrency prices and market trends using the CoinGecko API.
• Interactive Analytics: Visualizes price history and market movements through interactive charts.
• Global Market Stats: Track total market cap, 24h volume, and Bitcoin dominance at a glance.
• Search & Discovery: Easily find specific coins or discover new ones using the integrated search functionality.
• Detailed Insights: View individual coin statistics, including circulating supply, all-time highs, and 24h price ranges.
• Responsive UI: Seamless experience across mobile, tablet, and desktop devices.

---

🛠️ Tech Stack

• Framework: React.js (Vite)
• Styling: Tailwind CSS / Chakra UI
• Data Fetching: Axios / TanStack Query
• Charts: Chart.js / Recharts
• Icons: React Icons

---

⚙️ Installation & Setup

Prerequisites

• Node.js (v18.0.0 or higher)
• npm or pnpm

Steps

1. Clone the Repository

   git clone [https://github.com/themaheshsutar/crypto-dash.git](https://github.com/themaheshsutar/crypto-dash.git)
   cd crypto-dash

2. Install Dependencies

   npm install
   # or
   pnpm install

3. Run Development Server

   npm run dev

   Open http://localhost:5173 in your browser.

4. Build for Production

   npm run build

---

📂 Project Structure

src/
├── assets/         # Images and static files
├── components/     # Reusable UI components (Navbar, Sidebar, CoinTable)
├── hooks/          # Custom React hooks for API calls
├── pages/          # Main route components (Home, Details, Watchlist)
├── services/       # API configuration and service layers
└── utils/          # Helper functions and formatting