Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/avinashreddy1315/coinwatch
CryptoWatch is a Chrome extension for tracking cryptocurrency prices and managing favorites. It includes real-time data from CoinGecko API, user authentication, and powerful historical data visualization features.
https://github.com/avinashreddy1315/coinwatch
apexcharts chartjs coingecko-api css firebase firebaseauthentication firestore-database framer-motion javascript material-ui raectjs
Last synced: 10 days ago
JSON representation
CryptoWatch is a Chrome extension for tracking cryptocurrency prices and managing favorites. It includes real-time data from CoinGecko API, user authentication, and powerful historical data visualization features.
- Host: GitHub
- URL: https://github.com/avinashreddy1315/coinwatch
- Owner: avinashreddy1315
- Created: 2024-07-23T16:53:30.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-10-01T18:23:47.000Z (4 months ago)
- Last Synced: 2024-11-28T11:16:37.760Z (2 months ago)
- Topics: apexcharts, chartjs, coingecko-api, css, firebase, firebaseauthentication, firestore-database, framer-motion, javascript, material-ui, raectjs
- Language: JavaScript
- Homepage: https://chromewebstore.google.com/detail/cryptowatch/dkblgnpmcbchofckopipgkjehhheahdf
- Size: 23.5 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## CoinWatch
CoinWatch is a Google Chrome extension that allows users to keep track of cryptocurrency prices and manage their favorite coins. The extension offers various features including user authentication, real-time data retrieval from Firestore, and detailed coin information with historical data visualization.
## Features
- **User Authentication**: Secure login functionality with data storage in Firebase.
- **Real-Time Coin Prices**: Fetches and displays the latest prices of cryptocurrencies using the CoinGecko API.
- **Favorite List**: Users can add or remove coins from their favorite list.
- **Currency Conversion**: Ability to change the displayed currency for coin prices.
- **Filtering and Search**: Users can apply filters and search for specific coins.
- **Historical Data Visualization**: Displays historical price data using line and candlestick graphs.
- **Detailed Coin Information**: Provides previous details and historical data of each coin.## Technologies Used
- ![React](https://img.shields.io/badge/React-React.js-61DAFB?logo=react&logoColor=white)
- ![JavaScript](https://img.shields.io/badge/JavaScript-JavaScript-F7DF1E?logo=javascript&logoColor=white)
- ![Material-UI](https://img.shields.io/badge/Material--UI-Material--UI-0081CB?logo=material-ui&logoColor=white)
- ![ApexCharts](https://img.shields.io/badge/ApexCharts-ApexCharts-FF4560?logo=apexcharts&logoColor=white)
- ![Firebase](https://img.shields.io/badge/Firebase-Firebase-FFCA28?logo=firebase&logoColor=white)
- ![Firestore](https://img.shields.io/badge/Firestore-Firebase--Firestore-FFCA28?logo=firebase&logoColor=white)
- ![CoinGecko API](https://img.shields.io/badge/CoinGecko_API-CoinGecko_API-00A82D?logo=coin-gecko&logoColor=white)## Installation
To install and run the CoinWatch extension locally:
1. Clone the repository:
```sh
git clone https://github.com/avinashreddy1315/CoinWatch.git
```2. Navigate to the project directory:
```sh
cd CoinWatch
```3. Install the dependencies:
```sh
npm install
```4. Build the project:
```sh
npm run build
```5. Load the extension in Google Chrome:
- Open Chrome and go to `chrome://extensions/`
- Enable "Developer mode"
- Click "Load unpacked" and select the `build` directory## Usage
- After installing the extension, click on the CryptoWatch icon in the Chrome toolbar to open the extension.
- Log in with your credentials to access the features.
- Use the search bar to find specific coins, apply filters to narrow down results, and add coins to your favorite list.
- Change the displayed currency from the settings menu.
- View detailed coin information and historical price data in various graphical formats.## Links
- Chrome Web Store: https://chromewebstore.google.com/detail/cryptowatch/dkblgnpmcbchofckopipgkjehhheahdf
- Live Demo: https://coin-watch-livid.vercel.app