Cryptotracker
Track prices and market data for 1000s of cryptocurrencies with the CoinGecko API. Modeled after CoinMarketCap and CoinGecko.
Install / Use
npx skills add mrmendoza-dev/cryptotrackerInstalls into whichever agent you are using.
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
- API Keys (free tiers available):
- CoinGecko API account
- Etherscan API account
Setup
- 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
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
Legacy Version
- 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
Related Skills
node-connect
385.5kDiagnose OpenClaw Android, iOS, or macOS node pairing, QR/setup code, route, auth, and connection failures.
imsg
385.5kUse the imsg CLI from OpenClaw agents for iMessage/SMS DMs, groups, replies, reactions, polls, watching, and private-API actions.
Agent Development
140.7kThis skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or…
review-duplication
106.4kUse this skill during code reviews to proactively investigate the codebase for duplicated functionality, reinvented wheels, or failure to reuse existing project best practices and shared utilities.
