https://github.com/mrmendoza-dev/cryptotracker
Track prices and market data for 1000s of cryptocurrencies with the CoinGecko API. Modeled after CoinMarketCap and CoinGecko.
https://github.com/mrmendoza-dev/cryptotracker
bitcoin coingecko coingecko-api coingeckoapi coinmarketcap cryptocurrency ethereum etherscan react tailwindcss
Last synced: 11 months ago
JSON representation
Track prices and market data for 1000s of cryptocurrencies with the CoinGecko API. Modeled after CoinMarketCap and CoinGecko.
- Host: GitHub
- URL: https://github.com/mrmendoza-dev/cryptotracker
- Owner: mrmendoza-dev
- License: mit
- Created: 2022-10-16T05:06:59.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2025-02-10T15:25:13.000Z (over 1 year ago)
- Last Synced: 2025-04-03T20:11:19.056Z (about 1 year ago)
- Topics: bitcoin, coingecko, coingecko-api, coingeckoapi, coinmarketcap, cryptocurrency, ethereum, etherscan, react, tailwindcss
- Language: TypeScript
- Homepage: https://cryptotracker-mendoza.netlify.app/
- Size: 4.39 MB
- Stars: 22
- Watchers: 4
- Forks: 11
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CryptoTracker
#### All-in-One Cryptocurrency App
Cryptocurrency data for over 10,000 cryptocurrencies, Modeled after CoinMarketCap and CoinGecko, and using data from different APIs including CoinGecko, and Etherscan.
## Features
* Top 100 cryptocurrencies with real-time data
* Multiple pages for 10,000+ cryptocurrencies
* Personal portfolio tracker
* Variety of cryptocurrency widgets
* Clean, responsive interface
## Widgets
- Cryptocurrency Scrolling Marquee
- Cryptocurrency Cards
- Trending List
- Dominance Chart
- Ethereum Gas Tracker
- Crypto Fear & Greed Index
## Prerequisites
1. API Keys (free tiers available):
* CoinGecko API account
* [CoinGecko API](https://www.coingecko.com/en/api)
* Etherscan API account
* [Etherscan API](https://docs.etherscan.io/getting-started/viewing-api-usage-statistics)
## Setup
1. Clone the repository
```bash
git clone https://github.com/yourusername/cryptotracker.git
cd cryptotracker
```
2. Install dependencies
```bash
npm install
```
3. Create a `.env` file in the root directory:
```env
VITE_COINGECKO_DEMO_API_KEY="your_coingecko_api_key"
VITE_ETHERSCAN_API_KEY="your_etherscan_api_key"
```
4. Start the development server
```bash
npm run dev
```
## Project Structure
```
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
```
## Environment Variables
| 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 |
## Tech Stack
* React + Vite
* TypeScript
* TailwindCSS
* CoinGecko API
* Etherscan API
## Resources
- [CoinGecko](https://www.coingecko.com/)
- [CoinGecko API](https://www.coingecko.com/api/documentations/v3)
- [CoinMarketCap](https://coinmarketcap.com/)
- [Etherscan Gas Tracker](https://docs.etherscan.io/api-endpoints/gas-tracker)
- [Crypto Fear & Greed Index](https://alternative.me/crypto/fear-and-greed-index/)
## Legacy Version
- [CryptoTracker Legacy](https://github.com/mrmendoza-dev/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
## License
MIT