https://github.com/minhosong88/react-coin-tracker
A simple React application that tracks and displays the latest prices of selected cryptocurrencies.
https://github.com/minhosong88/react-coin-tracker
cryptocurrency price-tracker reactjs
Last synced: 8 months ago
JSON representation
A simple React application that tracks and displays the latest prices of selected cryptocurrencies.
- Host: GitHub
- URL: https://github.com/minhosong88/react-coin-tracker
- Owner: minhosong88
- Created: 2024-08-28T23:20:01.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-28T23:28:53.000Z (about 1 year ago)
- Last Synced: 2025-01-05T02:41:52.154Z (9 months ago)
- Topics: cryptocurrency, price-tracker, reactjs
- Language: HTML
- Homepage:
- Size: 180 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React Coin Tracker App
A simple React application that tracks and displays the latest prices of selected cryptocurrencies. The app fetches data from the CoinPaprika API and displays the information in a user-friendly dropdown menu.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Technologies Used](#technologies-used)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Features
- **Real-Time Cryptocurrency Prices**: Fetches and displays the latest prices of selected cryptocurrencies (`BTC`, `ETH`, `BNB`, `DOGE`, `USDT`).
- **Loading Indicator**: Displays a loading message while fetching data from the API.
- **Dynamic Dropdown**: Shows a dropdown menu with cryptocurrency options once the data is loaded.
## Installation
To run this app locally, follow these steps:
1. **Clone the repository**:
```bash
git clone https://github.com/minhosong88/react-coin-tracker.git
cd react-coin-tracker
```
2. **Install the dependencies:**
```bash
npm install
```
3. **Run the app:**
```bash
npm start
```
3. **Open http://localhost:3000 to view it in your browser.**
## Usage
1. The app will automatically fetch the latest prices for selected cryptocurrencies upon loading.
2. While the data is being fetched, a loading indicator will be displayed.
3. Once the data is loaded, a dropdown menu will appear listing the selected cryptocurrencies with their current prices in USD.
4. **Adaptability**: You can easily add more cryptocurrencies by simply adding their acronyms to the `coinSymbols` list in the code. This flexibility allows the app to quickly adapt to track new coins as needed.
5.
## Technologies Used
- **React**: JavaScript library for building user interfaces.
- **CoinPaprika API**: External API used for fetching real-time cryptocurrency data.
- **JavaScript (ES6+)**: Core programming language used for logic and API handling.
- **HTML5/CSS3**: Basic structure and styling of the app.
## Contributing
Contributions are welcome! Please follow these steps:
1. Fork the repository.
2. Create a new feature branch (`git checkout -b feature/YourFeature`).
3. Commit your changes (`git commit -m 'Add some feature'`).
4. Push to the branch (`git push origin feature/YourFeature`).
5. Open a Pull Request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Contact
Minho Song - [hominsong@naver.com](mailto:hominsong@naver.com)
Project Link: [https://github.com/minhosong88/react-coin-tracker](https://github.com/minhosong88/react-coin-tracker)