Skip to content

Latest commit

 

History

History
79 lines (59 loc) · 4.11 KB

README.md

File metadata and controls

79 lines (59 loc) · 4.11 KB
Raw

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

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

React Redux React-Query React-Router Ant Design Firebase

  • 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

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