Crypto Tracker App

Overview

The Crypto Tracker App is a modern and user-friendly application designed to track cryptocurrency prices, view the latest news, and convert between different cryptocurrencies. Built with React and styled using Tailwind CSS, this application offers a responsive and intuitive interface for both casual users and cryptocurrency enthusiasts.

Features

  1. Crypto Prices: View real-time cryptocurrency prices and track their performance. The app displays detailed information about various cryptocurrencies, including their current price, 24-hour change, and 7-day change.

  2. Search Functionality: Easily search for cryptocurrencies by name or symbol. The search functionality dynamically filters the list of cryptocurrencies as you type.

  3. Crypto Converter: Convert between different cryptocurrencies using a dedicated converter page. Select a base currency and the target currency to see the conversion rate and perform currency conversions.

  4. Latest Crypto News: Stay updated with the latest news in the cryptocurrency world. Access current news articles related to cryptocurrency trends and updates.

  5. Detailed Information: Get detailed information about each cryptocurrency, including price changes, market trends, and images.

Tech Stack

  • React: A JavaScript library for building user interfaces. React's component-based architecture allows for efficient updates and rendering of the UI.

  • Tailwind CSS: A utility-first CSS framework that provides pre-defined classes to style the application. Tailwind CSS enables rapid and consistent styling of components.

  • API:

    • CoinGecko API: Used for fetching real-time cryptocurrency data, including prices and market trends.
    • News API: Used for fetching the latest news articles related to cryptocurrency.

Installation

  1. Clone the repository:

    git clone https://github.com/yourusername/crypto-tracker-app.git
    cd crypto-tracker-app

2.Install dependencies:

  npm i

3.Set up environment variables:

VITE_NEWS_API_KEY=your_news_api_key

4.Run the application:

Run the Application