Introduction
CoinTools is a handy gadget to Chrome browser that you can launch easily to view the information of cryptocurrency.
https://chrome.google.com/webstore/detail/coin-tools/fmglcggbdcbkpkfapngjobfeakehpcgj
Previous Contributions
- v0.0.13: CoinTools Update: Showing Top Pairs of Cryptocurrency
- v0.0.12: CoinTools Update: Adding News Feed, Average Series in Historical Graphs
- v0.0.11: CoinTool Update: Arbitrary Historical Date Period + Amount Conversion to Local Currency + Preserve Historical Graphs
- v0.0.9: CoinTools Update: v0.0.9, Specify Amount + Reverse Cryptocurrency Calculation
- v0.0.8: CoinTools Update: v0.0.8: Add Coinbase API + Customized History Data
- v0.0.7: CoinTools: Historical Conversion between Any Two Cryptocurrency
- v0.0.6: CoinTools Update: Show Full Cryptocurrency Details by Click or Startup, Add Language Handlers
- v0.0.5: CoinTools v0.0.5: Update: Cryptocurrency Converter Calculator, Support Coin Symbols and Add More Localization
- v0.0.4: CoinTools v0.0.4: Conversion Between Two Fiat or Fiat-Coin + 24 Hour Cap Chart
- v0.0.3: CoinTools v0.0.3: Adding Total Market Cap USD Chart, Localization and Stock Price Emoji
- v0.0.2: Cryptocurrency Conversion + UI Localization
- v0.0.1: Introduction to CoinTools! A Cryptocurrency Chrome Extension
Technology Stacks
Javascript that runs in Chrome.
Github
https://github.com/DoctorLai/CoinTools
Chrome Webstore
It is available online at Chrome Webstore:
https://chrome.google.com/webstore/detail/coin-tools/fmglcggbdcbkpkfapngjobfeakehpcgj
v0.0.13 Features
This commit contains:
- Ranking Table: Enhanced UX with CSS improvements over the changes figure.
- Ranking Table: Cryptocurrency Search via Ajax e.g. Users type and see changes immediately.
- Dashboard: Showing Changes for single Cryptocurrency command.
Screenshots
Looks professional huh?
Search Bar allows you to type in coin and searches will be done immediately as you type.
How to Implement Search Function?
Change the function declaration to the following with default parameters so it does not break existing features:
const getRankingTable = (currency, dom, keyword = "", limit = 200)
When keyword is set, we then need to fetch API results with limit = unlimited. The key point here is to retrieve all cryptocurrencies (currently more than 1000) and do a search filtering locally (not on server).
if (keyword.length > 0) { // if a search keyword is given
let id = result[i]['id'].toLowerCase();
let name = result[i]['name'].toLowerCase();
let symbol = result[i]['symbol'].toLowerCase();
if (!(id.includes(keyword) || name.includes(keyword) || symbol.includes(keyword) )) {
continue; // filter out unmatched coins.
}
}
Roadmap of CoinTools
Any good suggestions, please shout at 
License
Contribution Welcome
Github: https://github.com/DoctorLai/CoinTools/
- Fork it!
- Create your feature branch:
git checkout -b my-new-feature - Commit your changes:
git commit -am 'Add some feature' - Push to the branch:
git push origin my-new-feature - Submit a pull request.
Chrome Webstore
Install the CoinTools Now!
Posted on Utopian.io - Rewarding Open Source Contributors