CoinTools Update: Enhanced UX with Cryptocurrency Search and Showing Changes!

Introduction to CoinTools

CoinTools is a popular Chrome Extension that provides a few useful tools for Cryptocurrency coins. You can install CoinTools at Google Webstore.

Previous Versions

• 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
• CoinTools v0.0.5 Update: Show Full Cryptocurrency Details by Click or Startup, Add Language Handlers
• CoinTools v0.0.4: Conversion Between Two Fiat or Fiat-Coin + 24 Hour Cap Chart
• 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 Extension.

Github of CoinTools

https://github.com/DoctorLai/CoinTools

Chrome Webstore

It is available online at Chrome Webstore.

Commits

Here

CoinTools 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 of CoinTools

Looks professional huh?

cointools-general-update

Search Bar allows you to type in coin and searches will be done immediately as you type.

How to Implement Cryptocurrency Search Function in Javascript?

Change the function declaration to the following with default parameters so it does not break existing features:

1

const getRankingTable = (currency, dom, keyword = "", limit = 200)

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).

1
2
3
4
5
6
7
8

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.
    }
}

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 @justyy. I am so proud of this update, and probably this tool will no longer be updated for some time (because I don’t know what to add now)

License

MIT

Contribution Welcome

Github: https://github.com/DoctorLai/SteemTools/

• 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!

–EOF (The Ultimate Computing & Technology Blog) —