Cryptide is a modern, responsive cryptocurrency web application that provides real-time data, market stats, price charts, and the latest crypto news. Built with React, Ant Design, Chart.js, and multiple public APIs, Cryptide helps users stay informed about the fast-changing crypto market.
- 🔍 View Top 100 Cryptocurrencies
- 📈 Detailed Coin Pages
- Real-time price
- Market cap, supply, all-time highs
- Interactive price chart
- Key statistics
- 📰 Crypto News
- Latest articles related to cryptocurrencies
- Filter news by coin (optional)
- 🔎 Search Cryptos Easily
- 📊 Responsive Design for Desktop & Mobile
| Technology | Purpose |
|---|---|
| ⚛️ React | Frontend UI |
| 🖌️ Ant Design | UI Components & Styling |
| 📊 Chart.js + react-chartjs-2 | Interactive Charts |
| 🌐 RapidAPI / NewsAPI / Coinranking API | Crypto data & news |
| 📦 Redux Toolkit + RTK Query | State management & API integration |
| ⚡ Vite | Fast React development & build tool |
🚀 Coming soon...
Create a .env file in the root folder and add the following:
VITE_RAPID_API_KEY=your-rapidapi-key VITE_NEWS_API_KEY=your-news-api-key
# Clone the repository
git clone https://github.com/your-username/cryptide.git
cd cryptide
# Install dependencies
npm install
# Run the app
npm run dev
src/ │ ├── components/ │ ├── Navbar.jsx │ ├── Homepage.jsx │ ├── Cryptocurrencies.jsx │ ├── CryptoDetails.jsx │ ├── News.jsx │ └── LineChart.jsx │ ├── services/ │ ├── cryptoApi.js │ └── cryptoNewsApi.js │ ├── App.jsx ├── main.jsx └── index.css