https://github.com/darshangaikwad4114/cryptocurrency-price-tracker
Crypto Currency Price Tracker⚡
https://github.com/darshangaikwad4114/cryptocurrency-price-tracker
axios css3 html5 javascript reactjs vite
Last synced: 2 months ago
JSON representation
Crypto Currency Price Tracker⚡
- Host: GitHub
- URL: https://github.com/darshangaikwad4114/cryptocurrency-price-tracker
- Owner: darshangaikwad4114
- License: mit
- Created: 2023-09-09T15:45:14.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2025-04-05T18:26:33.000Z (2 months ago)
- Last Synced: 2025-04-05T19:27:22.217Z (2 months ago)
- Topics: axios, css3, html5, javascript, reactjs, vite
- Language: CSS
- Homepage: https://cryptocurrency-price-tracker-eta.vercel.app/
- Size: 1010 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Cryptocurrency Price Tracker
A modern, responsive cryptocurrency tracking application that provides real-time data on cryptocurrency prices, market caps, volumes, and price changes. The application features an intuitive user interface with filtering, sorting, and multiple view modes to help users easily track their favorite cryptocurrencies.
## 📋 Features
- **Real-time Data**: Fetches and displays up-to-date cryptocurrency data with automatic refresh every 60 seconds
- **Multiple View Modes**: Toggle between grid and list layouts for different data visualization preferences
- **Advanced Filtering**: Filter cryptocurrencies by price range, market cap categories, and custom search parameters
- **Interactive Sorting**: Sort by market cap, price, volume, or alphabetically in ascending or descending order
- **Visual Price Indicators**: Color-coded price changes with intuitive up/down indicators
- **Responsive Design**: Optimized for desktop, tablet, and mobile devices
- **Market Overview**: Statistics, top gainers/losers, and volume leaders on the Markets page
- **Loading States**: Smooth skeleton loading states for enhanced user experience
- **Error Handling**: Robust error handling with fallback data and clear user messaging
- **Historical Price Charts**: Interactive charts showing price history over different time periods (24h, 7d, 30d, 90d, 1y)
- **Cryptocurrency News Feed**: Latest news from the crypto industry powered by CryptoCompare API
- **Detailed Coin Information**: Comprehensive metrics and information for each cryptocurrency
- **Market Insights**: Key market metrics including Fear & Greed Index and Bitcoin dominance
## 🛠️ Tech Stack
- **Frontend Framework**: React.js with functional components and hooks
- **HTTP Client**: Axios for API requests
- **Charting**: Chart.js with react-chartjs-2 for interactive price charts
- **Styling**: Custom CSS3 with variables, animations, and responsive design
- **API**: CoinGecko cryptocurrency data API and CryptoCompare news API
- **Development Environment**: Vite for fast development and optimized builds
- **State Management**: React's built-in useState and useEffect hooks
## 🚀 Installation
Follow these steps to set up the project locally:
1. **Clone the repository**
```sh
git clone https://github.com/yourusername/cryptocurrency-price-tracker.git
```
2. **Navigate to the project directory**
```sh
cd cryptocurrency-price-tracker
```
3. **Install dependencies**
```sh
npm install
```
4. **Start the development server**
```sh
npm run dev
```
5. **Open the application**
Open your browser and navigate to `http://localhost:3000` to see the application in action.
## 👥 Contributing
Contributions are welcome! Please follow these steps:
1. **Fork the repository**
2. **Create a feature branch**
```sh
git checkout -b feature-name
```
3. **Commit your changes**
```sh
git commit -m 'Add some feature'
```
4. **Push to the branch**
```sh
git push origin feature-name
```
5. **Open a pull request**
## 📞 Contact
For any inquiries or feedback, please reach out to [[email protected]](mailto:[email protected]).