CryptoVerse

A ReactJS project that provides detailed information about various cryptocurrencies, including real-time graphs. Styled with Ant Design, utilizing ChartJS for graph visualization, fetching data from Rapid API, and hosted on Firebase.

For a live demonstration, explore CryptoVerse Demo.

Table of Contents

• Overview
• Features
• Tech Stack
• API
• Dependencies

Overview

CryptoVerse is a comprehensive platform for cryptocurrency enthusiasts, providing detailed information about various cryptocurrencies along with real-time graphs for in-depth analysis. The application is built using ReactJS, styled with Ant Design, and hosted on Firebase.

         

Features

• Cryptocurrency Details: Explore detailed information about various cryptocurrencies.
• Real-time Graphs: Visualize the performance of cryptocurrencies with real-time graphs powered by ChartJS.
• Ant Design Styling: Enjoy a polished and user-friendly interface with the elegance of Ant Design.
• Search Functionality: Easily find specific cryptocurrencies using the intuitive search feature, making navigation and research efficient.
• Redux State Management: Efficiently manage the application's state with Redux, ensuring a centralized and predictable state flow across components.
• React Router Navigation: Seamlessly navigate between different pages and components with the integration of React Router, ensuring a smooth and intuitive user experience.
• React Query Data Management: Optimize data fetching, caching, and state management with React Query, providing efficient and performant data handling for an improved user interface.

Tech Stack

• Frontend: ReactJS
• Styling: Ant Design
• Navigation: React Router
• State Management: Redux
• Data Management: React Query
• Graph Visualization: ChartJS
• Data Fetching: Rapid API
• Hosting: Firebase

API

This project fetches cryptocurrency data from Rapid API. To set up the necessary API key, follow these steps:

1. Create a .env file in the root of your project.
2. Add the following line to the .env file:

   REACT_APP_RAPID_API_KEY=your_rapid_api_key_here

   Replace your_rapid_api_key_here with your actual Rapid API key.

Dependencies

• React
• Ant Design
• ChartJS
• Rapid API
• Firebase

For a complete list of dependencies, refer to the package.json file.