Crypto-app

A web application built with React.js for tracking cryptocurrency prices, market data, and related information. It utilizes Chakra UI for styling and Chart.js for displaying price charts.

Table of Contents

• Introduction
• Features
• Installation
• Usage
• Project Structure
• Dependencies
• Contributing
• License
• Credits

Introduction

This project is a web application designed to provide users with real-time cryptocurrency data, including prices, market trends, and other relevant information. It is built using React.js for the frontend, Chakra UI for a responsive and modern user interface, and Chart.js for interactive price charts.

Features

• Real-time Cryptocurrency Data: Fetches and displays up-to-date information on various cryptocurrencies.
• Interactive Price Charts: Visualizes historical price data using Chart.js.
• Responsive Design: Built with Chakra UI to ensure a seamless experience across different devices.
• Coin Details: Displays detailed information about specific cryptocurrencies.
• Exchange Listings: Provides a list of supported exchanges.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/rohit-004/Crypto-app.git

2. Navigate to the project directory:

   cd Crypto-app

3. Install dependencies using npm or yarn:

   npm install

   or

   yarn install

4. Start the development server:

   npm start

   or

   yarn start

5. Open your browser and visit http://localhost:3000 to view the application.

Usage

Once the application is running, you can:

• Browse a list of cryptocurrencies and view their current prices.
• Click on a specific cryptocurrency to see detailed information and interactive price charts.
• Navigate through different sections using the header navigation.

Project Structure

The project structure is organized as follows:

• public/: Contains static assets such as index.html.
• src/: Contains the main application code.
  • App.js: Main component that sets up routing using React Router.
  • components/: Reusable React components.
    • Header.jsx: Header component with navigation links.
    • Chart.jsx: Component for displaying price charts.
    • CoinDetails.jsx: Component for displaying detailed coin information.
    • Footer.jsx: Footer component for additional information or links.
  • index.js: Entry point of the application, rendering the App component wrapped in ChakraProvider.

Dependencies

The project uses the following main dependencies:

• React: A JavaScript library for building user interfaces.
• React Router: Declarative routing for React applications.
• Chakra UI: A simple, modular, and accessible component library for React applications.
• Chart.js: Simple yet flexible JavaScript charting for designers & developers
• Axios: Promise based HTTP client for the browser and node.js

Contributing

Contributions are welcome! Here's how you can contribute:

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Make your changes and commit them with clear, descriptive messages.
4. Push your changes to your fork.
5. Submit a pull request to the main repository.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Credits

This project utilizes data from the CoinGecko API for fetching cryptocurrency information.