Crypto Market Dashboard

The Crypto Market Dashboard is a cryptocurrency tracking application built using React, Vite.js, and Axios, utilizing the CoinGecko API to provide users with real-time market insights. The app offers a sleek, modern interface where users can monitor the latest cryptocurrency prices, track historical data through interactive charts, and stay informed about key market trends.

Note: As this application uses the free tier of the CoinGecko API, you may experience rate limiting or temporary service interruptions due to API call limitations. Please be patient if you encounter any delays in data updates.

📈 Features

• Real-Time Market Data: Get up-to-date information on popular cryptocurrencies such as Bitcoin, Ethereum, XRP, Tether, and Solana.

• Interactive Historical Charts: Track historical price trends with detailed interactive charts.

• 24-Hour Price Change: Monitor the latest price fluctuations and changes over the past 24 hours.

• High/Low Prices: View the highest and lowest prices within a given period.

• Market Capitalization: Keep track of the market cap for various cryptocurrencies.

• Multiple Currency Support: View prices in different currencies, including USD, CAD, EUR, etc.- Responsive Design: The dashboard is fully responsive and works across all devices.

🛠️ Technologies Used

• React: For building the user interface.
• Vite.js: For a fast and optimized development experience.
• Axios: For making API requests to the CoinGecko API.
• CoinGecko API: For retrieving real-time cryptocurrency data.

🚀 Getting Started

Prerequisites

Ensure you have the following installed on your system:

• Node.js (version 14 or higher)
• npm or yarn

Installation

1. Clone the repository:

git clone https://github.com/mehrshaad/Crypto-Market-Dashboard.git

2. Navigate to the project directory:

cd Crypto-Market-Dashboard

3. Install the dependencies:

npm install

4. Start the development server:

npm run dev

The app will be available at http://localhost:5173.

Build for Production

To build the project for production:

npm run build

⚙️ API Usage

The app uses the CoinGecko API to fetch cryptocurrency data. Please note that the free API has limitations on the number of calls per second. Consider caching data or optimizing API requests to reduce the number of calls made.

📊 Data Display

The dashboard provides data for all the cryptocurrencies listed on CoinGecko.

Users can view current prices, price changes over the past 24 hours, high and low prices, and market capitalization for each cryptocurrency.

🖼️ Chart Interaction

The app includes an interactive chart that allows users to:

• View historical price trends over time.
• Hover over specific points on the chart to see exact prices on a given date.

🧑‍💻 Author

Ali Dadashzadeh
Software Developer | React Developer

• Website: ali-dadashzadeh.ir
• GitHub: @mehrshaad
• LinkedIn: Connect with me

Released: Fall 2024

🤝 Support

If you find this project interesting, please consider:

• Giving it a ⭐ on GitHub
• Sharing it with others
• Contributing to its development

Your support is greatly appreciated!

📜 License

This project is licensed under the Mozilla Public License Version 2.0

See the LICENSE file for details.