[go: up one dir, main page]

Skip to content

CryptoHub is an amazing Crypto Screener application built using React.js, Context API, Tailwind CSS, and other powerful libraries. This application provides users with a comprehensive overview of various cryptocurrencies, including essential data such as Asset, Name, Realtime Price, Total Volume, Market Cap Change (1H, 24H, 7D), and more.

Notifications You must be signed in to change notification settings

Sayakdutt/CryptoHub

Repository files navigation

CryptoHub

CryptoHub is a powerful and user-friendly cryptocurrency screening application built with ReactJS, Context API, and TailwindCSS. It provides comprehensive information on various cryptocurrencies, including their asset, name, price, total volume, market cap change over different time intervals (1 hour, 24 hours, 7 days), and more. With a beautiful and interactive UI, CryptoHub offers features such as detailed coin information, trending coins, and the ability to save favorite coins. With CryptoHub, users can easily stay updated on the latest trends in the crypto market and make informed investment decisions.

Features:

  1. Cryptocurrency List: View a list of cryptocurrencies with essential details such as asset, name, price, total volume, and market cap change over different time intervals.

  2. Detailed Coin Information: Click on any coin to access more detailed information, including a visually appealing chart created using the Recharts library.

  3. Trending Coins: Stay updated on the latest trends in the cryptocurrency market with the trending coins feature.

  4. Favorite Coins: Save your favorite coins for quick access and monitoring.

  5. Concurrent Search (Debounce): Effortlessly search for cryptocurrencies with the concurrent search feature, powered by debounce to improve performance.

  6. Pagination: Navigate through the list of cryptocurrencies efficiently with pagination functionality.

  7. Sorting: Sort cryptocurrencies based on various criteria, including international currency, market capitalization (decreasing & increasing), volume (decreasing & increasing), etc.

Technologies Used:

  • ReactJS: A popular JavaScript library for building user interfaces.
  • Context API: Used for managing global state and providing data to components.
  • TailwindCSS: A utility-first CSS framework for creating responsive and customizable designs.
  • Coingecko API: Leveraged to fetch real-time cryptocurrency data, including prices, market cap, volume, etc.

Installation:

To run CryptoHub locally, follow these steps:

  1. Clone the repository:
    git clone https://github.com/Sayakdutt/CryptoHub
  1. Navigate to the project directory:
    cd CryptoHub
  1. Install dependencies:
    npm install
  1. Start the development server:
 npm run dev

Contributing:

Contributions to CryptoHub are welcome! If you have any suggestions, bug fixes, or new features to add, please feel free to open an issue or submit a pull request on GitHub.

Acknowledgments:

  • CryptoHub makes use of the Coingecko API for fetching cryptocurrency data.
  • Special thanks to the developers of ReactJS, Context API, TailwindCSS, and Recharts for their amazing libraries and tools.

With CryptoHub, stay informed and make informed decisions in the ever-evolving world of cryptocurrencies!

About

CryptoHub is an amazing Crypto Screener application built using React.js, Context API, Tailwind CSS, and other powerful libraries. This application provides users with a comprehensive overview of various cryptocurrencies, including essential data such as Asset, Name, Realtime Price, Total Volume, Market Cap Change (1H, 24H, 7D), and more.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages