Cryptoverse

• Cryptoverse is a cryptocurrency tracking app.
• It utilizes the Coin Ranking API and Bing News API for data retrieval.
• Provides users with details of cryptocurrencies including prices, market caps, and volume.
• Offers price charts and analysis using ChartJS.
• Built with React, Redux Toolkit, and Ant Design.
• Ensures real-time and accurate data through the Coin Ranking API.
• Integrates the Bing News API to deliver the latest news and updates.
• Aims to empower users with comprehensive cryptocurrency information for informed decision-making.

Usage and Demo

To see Cryptoverse in action, visit: https://md-cryptoverse.netlify.app/.

A demo video is also available for an overview of the features and functionality.

demo.webm

Technologies used

• ReactJS
• Vanilla CSS
• Ant Design
• Redux
• ChartJS

Installation Setup

To install and run Cryptoverse, follow these steps:

1. Clone the repository:

git clone https://github.com/your-username/cryptocurrency-tracker-app.git

2. Navigate to the project's root folder:

cd cryptocurrency-tracker-app

3. Install dependencies:

npm install

4. Start the development server:

npm start

Cryptoverse is compatible with Windows, macOS, and Linux operating systems. Ensure you have Git and Node.js (with npm) installed.

Access the app at http://localhost:3000 in your browser.

Dependencies

• Chart.js & react-chartjs-2 used for making react component of ChartJS.
• @reduxjs/toolkit & react-redux used for Redux as Centralized State and RTK Query.
• antd and @ant-design/icons for using Styles and Icons.
• millify for converting long numbers into readable strings.
• moment for parsing the javascript dates.
• html-react-parser converts an HTML string to one or more React elements.
• react , react-dom , react-router-dom used for using ReactJS, JSX and build SPA.

Acknowledgments

Thanks to JavaScript Mastery for providing such amazing tutorial video.