A comprehensive cryptocurrency monitoring platform built with Next.js, TypeScript, and the CoinGecko API. Track market trends, manage your portfolio, and stay updated with real-time crypto data.
- Global Market Data - Total market cap, 24h volume, active cryptocurrencies
- Bitcoin Dominance - Track BTC's market share
- Real-time Updates - Live data from CoinGecko API
- Top Trending - Discover the most searched and popular cryptocurrencies
- Score-based Ranking - See which coins are gaining momentum
- Visual Indicators - Easy-to-read trending metrics
- Track Investments - Add and monitor your crypto holdings
- P&L Calculation - Real-time profit/loss tracking
- Performance Analytics - Detailed portfolio performance metrics
- Cost Basis Tracking - Monitor your entry prices
- Favorite Coins - Keep track of cryptocurrencies you're interested in
- Quick Access - Fast access to your most-watched coins
- Price Alerts - Stay updated on price movements
- Top Cryptocurrencies - Comprehensive list of all major cryptos
- Advanced Filtering - Sort by market cap, price, volume, or 24h change
- Search Functionality - Find any cryptocurrency quickly
- Real-time Data - Live price updates and market metrics
- Frontend: Next.js 14, React 18, TypeScript
- Styling: Tailwind CSS, Radix UI components
- Charts: Recharts for data visualization
- API: CoinGecko API v3
- Icons: Lucide React
- State Management: React hooks and local state
- Node.js 18+
- npm or yarn
- Clone the repository:
git clone <repository-url>
cd clean-mind-crypto- Install dependencies:
npm install- Start the development server:
npm run dev- Open http://localhost:3000 in your browser
- Market overview with global statistics
- Trending cryptocurrencies
- Top cryptocurrencies by market cap
- Real-time data refresh
- Complete list of cryptocurrencies
- Advanced search and filtering
- Sort by various metrics
- Detailed market data
- Add and manage crypto investments
- Real-time P&L tracking
- Portfolio performance analytics
- Cost basis management
- Track favorite cryptocurrencies
- Quick access to important coins
- Search within watchlist
- Easy add/remove functionality
The platform uses the CoinGecko API v3 for all cryptocurrency data:
- Global Market Data - Market cap, volume, and dominance metrics
- Coin Listings - Comprehensive cryptocurrency information
- Price Data - Real-time and historical price information
- Trending Data - Popular and trending cryptocurrencies
- Market Charts - Historical price and volume data
Built with a modern, clean design using:
- Radix UI - Accessible component primitives
- Tailwind CSS - Utility-first styling
- Custom Components - Reusable UI elements
- Responsive Design - Mobile-first approach
- Dark Mode Support - Built-in theme switching
- Real-time Updates - Live cryptocurrency data
- Historical Data - Price charts and historical metrics
- Market Metrics - Market cap, volume, dominance
- Performance Tracking - 24h, 7d, 30d price changes
- Search & Filter - Advanced data filtering capabilities
- Price alerts and notifications
- Advanced charting with technical indicators
- Portfolio analytics and reporting
- Mobile app development
- Social features and community
- Advanced trading tools
- News integration
- DeFi protocol tracking
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'Add some amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- CoinGecko for providing the excellent API
- Next.js for the amazing React framework
- Tailwind CSS for the utility-first CSS framework
- Radix UI for accessible component primitives
If you have any questions or need help, please open an issue on GitHub or contact the development team.
Clean Mind Crypto Monitor - Track, Analyze, and Manage Your Cryptocurrency Investments with Confidence.