A comprehensive cryptocurrency tracking platform built using React. This application allows users to track multiple cryptocurrencies, view live price updates, and explore graphical visualizations of price changes over time.
Have a look at my deployed site: Crypto Tracker 🚀
- Real-time Price Updates: Track prices of a wide range of cryptocurrencies in real-time.
- Graphical Visualizations: Visualize cryptocurrency price changes through interactive charts.
- Search Functionality: Easily search and filter specific cryptocurrencies.
- Responsive Design: Optimized for all screen sizes, from desktops to mobile devices.
- API Integration: Fetch live cryptocurrency data and historical trends using third-party APIs like CoinGecko or CryptoCompare.
- Frontend: React, JavaScript, HTML5, CSS3
- API: CoinGecko or CryptoCompare for fetching live and historical data
Make sure you have the following installed:
- Node.js
- npm or yarn
- Clone the repository
git clone https://github.com/Musaib03/cryptotracker.git cd crypto-tracker Install dependencies Using npm:
npm install Or using yarn:
yarn install Start the development server Using npm:
npm start Or using yarn:
yarn start Open in browser Visit: http://localhost:3000
🔑 API Integration This project uses APIs like CoinGecko to fetch real-time cryptocurrency prices and historical data.
To use your own API key:
Sign up at CoinGecko or any other crypto API provider
Get your API key
Create a .env file in the project root and add:
env REACT_APP_API_KEY=your_api_key_here
📋 Usage View Prices: The homepage displays a list of cryptocurrencies with live prices
View Price Graph: Click on any cryptocurrency to view its interactive price chart
Search: Use the search bar to find specific cryptocurrencies
Filter: Toggle between different currencies like USD or INR for value display
👨💻 Created by Musaib Maqbool Wani