This is a simple React-based Crypto App that allows you to view and search for information on the top 100 cryptocurrencies. The app provides various functionalities, including listing the first 100 coins, searching for specific coins, refreshing the data without reloading the page, and displaying detailed information for each coin.

• Getting Started
• Features
• Technologies Used
• Live View
• Usage
• Powered By
• Contributing
• License

To get started with the Crypto App, follow these instructions:

1. Clone the repository to your local machine:

git clone https://github.com/Moslihbadr/crypto-app.git

2. Change into the project directory:

cd crypto-app

3. Install the required dependencies:

npm install

4. Start the development server:

npm start

Once the server is up and running, you can access the app by visiting http://localhost:3000 in your web browser.

• View the top 100 cryptocurrencies in descending order of market capitalization.
• Search for specific coins using the search bar.
• Refresh the data to get up-to-date information without reloading the page.
• Click on the view button to view more detailed information, including its current price, market capitalization, 24-hour price change percentage, 1-hour price change percentage, 7-day price change percentage, 14-day price change percentage, 30-day price change percentage, and 1-year price change percentage.
• The coin details page also displays the 24-hour high, 24-hour low, market cap, circulating supply, and a description of the coin.

The Crypto App is built using the following technologies:

• React: A JavaScript library for building user interfaces.
• React Router DOM: Used for handling routing and navigation within the app.
• Axios: A popular HTTP client for making API requests.
• Bootstrap: A front-end framework for responsive web design.
• SweetAlert2: A JavaScript library for creating beautiful, responsive, and customizable alert dialogs.

Visit the Live View to see the app in action.

1. Home Page:

• The home page displays the top 100 cryptocurrencies in descending order of market capitalization.
• Use the search bar to search for specific coins by name or symbol.
• Click on the refresh button to update the data without reloading the page.

2. Coin Details Page:

• The details page displays the coin's current price, market capitalization, 24-hour price change percentage, 1-hour price change percentage, 7-day price change percentage, 14-day price change percentage, 30-day price change percentage, and 1-year price change percentage.
• The coin details page also includes the 24-hour high, 24-hour low, market cap, circulating supply, and a description of the coin.

The Crypto App is powered by the CoinGecko API, which provides the latest cryptocurrency data and market information.

Contributions to the Crypto App are welcome. If you encounter any issues or have suggestions for improvements, please open an issue or submit a pull request.

The Crypto App is open-source and distributed under the MIT License. Feel free to use, modify, and distribute the code as per the terms of the license.