Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vaibhav-chittora/cryptocurrency-tracker

Project to manage all Crypto Currencies Information
https://github.com/vaibhav-chittora/cryptocurrency-tracker

axios coingecko-api daisyui javascript reactjs zustand

Last synced: 7 days ago
JSON representation

Project to manage all Crypto Currencies Information

Awesome Lists containing this project

README

        

# Crypto-Currency-Tracker

Crypto Currency Tracker is a comprehensive cryptocurrency information website that leverages the CoinGecko API to provide up-to-date data on various cryptocurrencies. This project aims to offer users a user-friendly interface to explore, analyze, and compare different cryptocurrencies.

## Live Demo

Check out the live demo of CryptoTracker: [CryptoTracker Live Demo](https://crypto-currency-tracker-git-main-vaibhavchittoras-projects.vercel.app/)

## Features

- **Cryptocurrency List**: View a paginated table of cryptocurrencies, including their names, symbols, current prices, 24-hour price changes, and market caps.
- **Detailed Coin Information**: Click on any cryptocurrency to access in-depth details, including a full description and additional market data.
- **Historical Data Visualization**: Analyze price and market cap trends using interactive charts with customizable time ranges (24 hours, 7 days, 3 months, 1 year).
- **Currency Comparison**: Compare different cryptocurrencies to gain insights into their relative performance.
- **Real-time Data**: Utilizes the CoinGecko API to fetch and display the latest cryptocurrency information.

## Technologies Used

- React.js
- React Router for navigation
- React Query for efficient data fetching and caching
- Chart.js and react-chartjs-2 for data visualization
- Zustand for state management
- Tailwind CSS for styling

## Getting Started

1. Clone the repository
2. Install dependencies: `npm install`
3. Start the development server: `npm run dev`
4. Open your browser and navigate to `http://localhost:5173`

## Contributing

Contributions are welcome! Please feel free to submit a Pull Request.