https://github.com/vipinkumar-70/cryptowave
CryptoWave is a real-time cryptocurrency price tracker built with React.js and Tailwind CSS. It fetches live market data using the CoinGecko API, allowing users to track cryptocurrency prices, market cap, and trends effortlessly.
https://github.com/vipinkumar-70/cryptowave
coingecko-api crypto-prices crypto-tracker cryptocurrency financial-app frontend-development react tailwindcss
Last synced: 28 days ago
JSON representation
CryptoWave is a real-time cryptocurrency price tracker built with React.js and Tailwind CSS. It fetches live market data using the CoinGecko API, allowing users to track cryptocurrency prices, market cap, and trends effortlessly.
- Host: GitHub
- URL: https://github.com/vipinkumar-70/cryptowave
- Owner: VipinKumar-70
- License: mit
- Created: 2025-02-27T16:49:38.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-27T18:11:08.000Z (over 1 year ago)
- Last Synced: 2025-02-28T00:45:33.397Z (over 1 year ago)
- Topics: coingecko-api, crypto-prices, crypto-tracker, cryptocurrency, financial-app, frontend-development, react, tailwindcss
- Language: JavaScript
- Homepage: https://crypto-wave-woad.vercel.app/
- Size: 35.2 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# CryptoWave - Crypto Price Tracker
CryptoWave is a cryptocurrency price tracker built with React and Tailwind CSS, utilizing the CoinGecko API to fetch real-time market data. The application provides users with updated prices, market trends, and other essential data for various cryptocurrencies.
## 📑 Index
- [Tech Stack](#-tech-stack)
- [Features](#-features)
- [Project Structure](#-project-structure)
- [Installation Instructions](#-installation-instructions)
- [API Integration](#-api-integration)
- [Screenshots](#-screenshots)
- [Contributing](#-contributing)
- [License](#-license)
- [Contact](#-contact)
## 🚀 Tech Stack
- **Frontend**: React.js, Tailwind CSS
- **API**: CoinGecko API
## 🎯 Features
- 📈 Live cryptocurrency price updates
- 🔍 Search functionality for cryptocurrencies
- 📊 Display of market cap, volume, and percentage changes
- 🌙 Dark mode for better user experience
## 📂 Project Structure
```
CryptoWave/
│-- public/ # Static files like favicon and manifest
│-- src/ # Main application source code
│ ├── components/ # Reusable React components
│ ├── pages/ # Application pages (Home, Details, etc.)
│ ├── styles/ # Global styles and Tailwind CSS configurations
│ ├── App.js # Main application component
│ ├── index.js # Entry point of the application
│-- .gitignore # Ignoring node_modules, build files, etc.
│-- package.json # Project dependencies and scripts
│-- README.md # Project documentation
```
## 🔧 Installation Instructions
To run the project locally on your machine, follow these steps:
### Prerequisites
Ensure you have the following installed:
- [Node.js](https://nodejs.org/) and npm (Node package manager)
- [Git](https://git-scm.com/) for version control
### Setup
1. **Clone the repository**:
```sh
git clone https://github.com/VipinKumar-70/CryptoWave.git
cd CryptoWave
```
2. **Install dependencies**:
```sh
npm install
```
3. **Start the development server**:
```sh
npm run dev
```
## 🔗 API Integration
This project uses the CoinGecko API to fetch cryptocurrency data. No API key is required, but you can check the API docs for rate limits:
[CoinGecko API Docs](https://www.coingecko.com/en/api)
### Example API Call:
```js
fetch("https://api.coingecko.com/api/v3/coins/markets?vs_currency=usd")
.then((response) => response.json())
.then((data) => console.log(data));
```
## 📸 Screenshots
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please fork the repository and submit a pull request with your changes. Make sure to follow the standard coding conventions and best practices.
## 📜 License
This project is licensed under the MIT License. See the LICENSE file for details. [MIT License](LICENSE)
## 📩 Contact
If you have any questions or need further assistance, please don't hesitate to contact me at
[Vipin Kumar](mailto:vipin70kr@gmail.com). I'll be happy to help!