CryptoLens 🔍📈

CryptoLens is a sophisticated cryptocurrency analytics platform providing real-time market insights through an elegant interface. Built with modern web technologies, it offers comprehensive tracking of digital assets using CoinGecko's market data.

Core Technologies 💻

• Framework: React 18 + TypeScript
• Styling: Tailwind CSS
• Data Fetching & Caching: React Query (TanStack Query)
• Charting: ApexCharts
• API: CoinGecko Market Data API

Demo 🌐

Key Features 🚀

• Real-time Market Data
  Track prices, market caps, and trading volumes updated every 60 seconds
• Advanced Charting
  Interactive OHCL candlesticks and area charts powered by ApexCharts
• Multi-currency Support
  View prices in USD, EUR, GBP, JPY, and other major currencies
• Historical Analysis
  Compare price movements across different time frames (24h, 7d, 30d, 1y)
• Dark/Light Themes
  Eye-friendly interface with automatic system theme detection
• Responsive Design
  Optimized experience across desktop, tablet, and mobile devices
• Intelligent Search
  Quick asset lookup with keyboard shortcuts (Ctrl+K)

Getting Started 🛠️

Prerequisites

• Node.js ≥16.x
• CoinGecko API key

Installation

1. Clone repository:

git clone https://github.com/Brahim-gz/CryptoLens.git
cd cryptolens

2. Install dependencies:

npm install

3. Create .env file:

VITE_API_KEY=your_coingecko_api_key

4. Start development server:

npm run dev

Note

⚠️ Make sure to set up your CoinGecko API token in the .env file to enable API calls.

---

🚀 Explore the cryptocurrency market with CryptoLens! 🚀