CryptoVision is a modern React application that provides a comprehensive overview of the cryptocurrency market using the Coinranking API and NewsData API.
- Real-time prices, market caps, and volume for top cryptocurrencies.
- Live news updates from various sources about the crypto world.
- In-depth data on individual coins, including interactive charts, graphs, and basic technical analysis.
- React.js – Frontend framework (bootstrapped with Create React App)
- Coinranking API – For live crypto data
- NewsData API – For fetching the latest crypto news
- Chart.js / Recharts / Ant Design – (Assumed based on typical usage in crypto apps)
Clone the repository and install dependencies:
git clone https://github.com/your-username/CryptoVision.git
cd CryptoVision
npm installnpm startOpen http://localhost:3000 to view the app in your browser.
Runs the app in development mode.
Launches the test runner in interactive watch mode.
Builds the app for production into the build/ folder.
Exposes configuration files (not reversible).
Note: To run the app successfully, you'll need to create
.envfile(s) in the root directory and insert your API keys like:
REACT_APP_COINRANKING_API_KEY=your_coinranking_api_key
REACT_APP_NEWSDATA_API_KEY=your_newsdata_api_keyMake sure to keep your API keys secure and never commit them to GitHub.
You can run tests using:
npm testTo deploy the app, first build the production bundle:
npm run buildThen, you can deploy the contents of the build/ folder to platforms like:
For more info, check the official Create React App deployment guide.
Vipul Parmar GitHub: @thevip01
This project is open-source and available for educational and personal use.