Cryptocurrency App

Crypto App is a React application that displays information about cryptocurrencies. Users can search for specific cryptocurrencies and view details about each coin, including a price chart.

Table of Contents

• Getting Started
  • Prerequisites
  • Installation
• Usage
• Components
• Libraries Used

Getting Started

Prerequisites

Make sure you have Node.js and npm installed on your machine.

• Node.js: https://nodejs.org/
• npm: https://www.npmjs.com/

Installation

1. Clone the repository:

git clone [https://github.com/r-o-z-a/cryptocurrencyapp-reactjs-tailwindcss.git]
cd crypto-app

2. Install dependencies:

npm install

3. Start the development server:

npm run dev

The app will be available at http://localhost:5173.

Usage

• Open your web browser and navigate to http://localhost:5173.
• Use the search bar to search for specific cryptocurrencies.
• Click on a coin to view more details, including a price chart.

Components

The project consists of the following components:

• App: The main component that fetches cryptocurrency data and renders the list of coins.
• Coin: displays information about a cryptocurrency, including its name, price, symbol, and price change percentage. It also includes a dynamic background color based on the price change.
• Details: shows detailed information about a selected cryptocurrency. It includes a line chart displaying percentage changes over different time intervals.
• Navbar: provides a navigation bar with the title "Crypto App" and a search input for filtering cryptocurrencies.
• LineChartComponent: a reusable component for displaying line charts. It is utilized within the Details component to visualize percentage changes for a selected cryptocurrency over time.

Libraries Used

• React: https://reactjs.org/
• Axios: https://axios-http.com/
• Recharts: http://recharts.org/
• Vite: https://vitejs.dev/
• Tailwind CSS: https://tailwindcss.com/