An open API service indexing awesome lists of open source software.

https://github.com/premshinde-2013/crypto-web

Want to see website click here 👇
https://github.com/premshinde-2013/crypto-web

chakra-ui coingecko-api reactjs

Last synced: 8 months ago
JSON representation

Want to see website click here 👇

Awesome Lists containing this project

README

          

# Crypto Web Application

Welcome to the Crypto Web Application! This project is a simple cryptocurrency tracker built using React, Chakra UI, and the CoinGecko API.

## Getting Started

These instructions will help you set up and run the project locally on your machine.

### Prerequisites

Before you begin, make sure you have the following installed:

- Node.js (v14 or higher)
- npm (Node Package Manager)

### Installation

1. Clone the repository to your local machine:

```bash
git clone https://github.com/PremShinde-2013/crypto-web.git
```

2. Navigate to the project directory:

```bash
cd crypto-web
```

3. Install the required dependencies:

```bash
npm install
```

### Configuration

1. Obtain a CoinGecko API Key by signing up at https://coingecko.com/en/api.
2. Create a `.env` file in the project root and add your API key:

```plaintext
REACT_APP_COINGECKO_API_KEY=your_api_key_here
```

### Running the Application

1. Start the development server:

```bash
npm start
```

2. Open your web browser and navigate to http://localhost:3000 to see the application.

### Features

- Displays a list of top cryptocurrencies.
- Provides details for each cryptocurrency, such as price, market cap, and more.
- Allows you to search for specific cryptocurrencies.

## Built With

- [React](https://reactjs.org/) - JavaScript library for building user interfaces.
- [Chakra UI](https://chakra-ui.com/) - UI component library for React.
- [CoinGecko API](https://coingecko.com/en/api) - Cryptocurrency data API.

## Acknowledgments

- Thanks to the teams behind React, Chakra UI, and CoinGecko for providing awesome tools and APIs.
```