Cryptocurrency data for over 10,000 cryptocurrencies, Modeled after CoinMarketCap and CoinGecko, and using data from different APIs including CoinGecko, and Etherscan.
- Top 100 cryptocurrencies with real-time data
- Multiple pages for 10,000+ cryptocurrencies
- Personal portfolio tracker
- Variety of cryptocurrency widgets
- Clean, responsive interface
- Cryptocurrency Scrolling Marquee
- Cryptocurrency Cards
- Trending List
- Dominance Chart
- Ethereum Gas Tracker
- Crypto Fear & Greed Index
- API Keys (free tiers available):
- CoinGecko API account
- Etherscan API account
🎉 SPECIAL OFFER: Get 20% off ANY CoinGecko API Plan!
Valid on any monthly or annual plan: View Plans
Use codeMENDOZA20at checkout
- Clone the repository
git clone https://github.com/yourusername/cryptotracker.git cd cryptotracker - Install dependencies
npm install
- Create a
.envfile in the root directory:VITE_COINGECKO_DEMO_API_KEY="your_coingecko_api_key" VITE_ETHERSCAN_API_KEY="your_etherscan_api_key"
- Start the development server
npm run dev
cryptotracker/
├── src/
│ ├── components/ # Reusable UI components
│ ├── contexts/ # React context providers
│ ├── data/ # Sample data files
│ ├── hooks/ # Custom React hooks
│ ├── pages/ # Main application pages
│ └── styles/ # Global styles
└── public/ # Static assets
| Variable | Description |
|---|---|
| VITE_COINGECKO_DEMO_API_KEY | CoinGecko API key for retrieving crypto and global market data |
| VITE_ETHERSCAN_API_KEY | Etherscan API key for retrieving Ethereum gas data |
- React + Vite
- TypeScript
- TailwindCSS
- CoinGecko API
- Etherscan API
- CryptoTracker Legacy
- Original repository was forked and and can be found in the link above
- Biggest change was removing most of the CSS to use TailwindCSS for more maintainable code
MIT