CryptoCharts is a single-page web application designed to be a comprehensive dashboard for the cryptocurrency market. The application provides up-to-date information on global cryptocurrency statistics, individual coin details, exchange data, and a live news feed. Built with a modern front-end stack, it offers a fast, responsive, and intuitive user experience.
You can view the live project here: https://crypto-charts-0.netlify.app/
- Global Stats: 🌐 Displays real-time global cryptocurrency market statistics.
- Search Functionality: 🔍 Users can easily search and filter through a comprehensive list of cryptocurrencies.
- Detailed Coin View: 📈 Provides in-depth information for individual cryptocurrencies, including price, market cap, supply, and a description.
- Interactive Price Charts: 📊 Visualizes a cryptocurrency's historical price performance using interactive line charts with selectable time periods.
- Crypto Exchanges: 💱 Fetches and displays a list of top cryptocurrency exchanges.
- Live News Feed: 📰 A dedicated section that provides a continuous feed of the latest crypto news.
- Responsive Design: 📱 The application is built to be fully responsive and accessible on both desktop and mobile devices.
- Front-end: React.js
- State Management: Redux Toolkit with RTK Query for efficient data fetching and caching.
- UI/Components: Ant Design
- Styling: Tailwind CSS and PostCSS
- Routing: React Router DOM
- Charting: Chart.js with react-chartjs-2
- Date & Time: Moment.js
- Data Formatting: Millify
- Coinranking API: 🔗 For cryptocurrency data and historical price.
- CoinGecko API: 🔗 For cryptocurrency exchange data.
- RapidAPI: 🔗 For the live cryptocurrency news feed.
- Clone the repository:
git clone https://github.com/ASHUTOSH-A-49/CryptoCharts.git - Navigate to the project directory:
cd CryptoCharts - Install dependencies:
npm install - Start the development server:
npm run dev - Open your browser and navigate to
http://localhost:5173(or the port specified).