BitDom-Crypto

ReactJS TailwindThreeJS

Friday, January 5, 2024

Demo - bit-dom-crypto.vercel.app/

Github - https://github.com/HarshBalwanix/BitDom-Crypto

gold and black round coin

BitDom-Crypto

Welcome to the BitDom project!

BitDom is a completely responsive website that allows users to search for information about various cryptocurrencies in real-time. The website is designed to provide users with accurate and up-to-date information about the price, market cap, trading volume, and other key metrics of cryptocurrencies. The website is connected to the Coingecko API, which is a popular source of data for cryptocurrency information. Coingecko provides data on thousands of cryptocurrencies, including their current price, historical price data, trading volume, market cap, and other important metrics. By using this API, the website can provide users with real-time information about the latest cryptocurrency prices and market trends.

👉 Live Demo: Bitdom Demo

Getting Started

To run this project locally, follow these steps:

git clone https://github.com/HarshBalwanix/BitDom-Crypto.git
cd BitDom-Crypto
npm install
npm start

Visit "http://localhost:3000" in your browser to explore the Bitdom-Crypto .

Project Structure

  • src/Components: Contains React components for different sections of the website.
  • src/Components/BaseUrl.js: Defines the base URL for making API requests.
  • src/Components/Loader.js: Implements a loading animation component.
  • src/Components/Exchanges.jsx: Displays a list of cryptocurrency exchanges.
  • src/Components/Coins.jsx: Shows a list of cryptocurrencies with the option to switch between USD and INR.
  • src/Components/CoinDetails.jsx: Provides detailed information about a specific cryptocurrency.
  • src/Components/CoinChart.jsx: Renders a dynamic chart for a selected cryptocurrency.
  • src/Components/Header.jsx: Provides a Header with logo and other navbar features like Market, Home and Join Us.

Technologies Used

  • React
  • Threejs
  • Tailwind CSS
  • Axios
  • Chart.js
  • React Router DOM
  • React Icons

Features

  • Real-time Data: Get instant updates on cryptocurrency prices, market trends, and key metrics.
  • User-Friendly Interface: The website provides a user-friendly interface for easy navigation and information retrieval.
  • Coingecko API Integration: Bitdom leverages the Coingecko API, a trusted source for cryptocurrency data, ensuring reliability and accuracy.
  • Individual Coin Details- Dive into detailed information about individual coins, including price history.