Crypto data and insights, at your fingertips.
- Cryptocurrency prices from multiple exchanges
- Crypto news from leading sources
- List of cryptocurrency exchanges
- Cryptocurrency charts
- And more!
- React SPA using Ant Design and React Router with pages for home, cryptocurrencies, coin details, and news.
- RTK Query data layer calling RapidAPI (Coinranking for market data, Bing News for articles) via
src/services/features/. - Redux store setup in
src/services/app/store.js; app wrapped withProviderandBrowserRouterinsrc/index.js. - UI components live in
src/components/(includingNavbar,CryptoCurrencies,CryptoDetails,News,Loader,Banned); styles insrc/App.css. - CRA tooling:
npm start,npm test,npm run build.
To install Crypto Stats, simply clone the repository:
git clone https://github.com/samanhoseinpour/crypto-stats.gitOnce the repository is cloned, you can install the dependencies:
cd crypto-stats
npm install
To start Crypto Stats, simply run the following command:
npm start
Crypto Stats will then start running on port 3000. You can access it at http://localhost:3000 in your web browser.
Both the coins data and news feed use RapidAPI. You need your own RapidAPI key (with access to Coinranking and Bing News Search) for the app to work:
- Create a
.envin the project root withREACT_APP_RAPIDAPI_KEY=<your-key>. - Update
src/services/features/coinsApi.jsandsrc/services/features/newsApi.jsto use your key (the repo value is just a placeholder). - Restart the dev server after changing the key.
If the News page shows the error screen, it usually means the Bing News RapidAPI subscription/key is missing or rejected.
If you have any questions or problems with Crypto Stats, please feel free to open an issue.
- Support for more cryptocurrency exchanges
- Historical cryptocurrency data
- Cryptocurrency price alerts
- And more!
Contributions to Crypto Stats are welcome and appreciated. To contribute, simply fork the repository and create a pull request.
Thanks to all of the contributors to Crypto Stats!